@razorpay/blade 12.68.0 → 12.89.1

package/build/lib/web/production/components/Input/BaseInput/BaseInputVisuals.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseInputVisuals.js","sources":["../../../../../../../src/components/Input/BaseInput/BaseInputVisuals.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport React from 'react';\nimport type { ReactElement } from 'react';\nimport type { BaseInputProps } from './BaseInput';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport type { BaseBoxProps, SpacingValueType } from '~components/Box/BaseBox';\nimport type { IconColors } from '~components/Icons';\nimport { isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\nimport { Tooltip } from '~components/Tooltip';\nimport { Box } from '~components/Box';\nimport { isReactNative } from '~utils';\n\ntype InputVisuals = Pick<\n  BaseInputProps,\n  | 'leadingIcon'\n  | 'prefix'\n  | 'trailingInteractionElement'\n  | 'onTrailingInteractionElementClick'\n  | 'leadingInteractionElement'\n  | 'leadingDropDown'\n  | 'trailingDropDown'\n  | 'suffix'\n  | 'trailingIcon'\n  | 'isDisabled'\n  | 'validationState'\n  | 'size'\n  | 'trailingButton'\n  | 'showHintsAsTooltip'\n  | 'errorText'\n  | 'successText'\n> & {\n  size: NonNullable<BaseInputProps['size']>;\n};\n\nconst getVisualContainerStyles = ({\n  shouldStretchTrailingBox,\n}: {\n  shouldStretchTrailingBox?: boolean;\n} = {}): Pick<BaseBoxProps, 'display' | 'flexDirection' | 'alignItems' | 'alignSelf'> => ({\n  display: 'flex',\n  flexDirection: 'row',\n  alignItems: 'center',\n  alignSelf: shouldStretchTrailingBox ? 'stretch' : 'center',\n});\n\nconst trailingIconColor: Record<NonNullable<InputVisuals['validationState']>, IconColors> = {\n  none: 'surface.icon.gray.subtle',\n  error: 'feedback.icon.negative.intense',\n  success: 'feedback.icon.positive.intense',\n};\n\nconst iconSize = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'medium',\n  large: 'large',\n} as const;\n\nconst textSize = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'medium',\n  large: 'large',\n} as const;\n\nconst getPrefixStyles = ({\n  hasLeadingIcon,\n  hasPrefix,\n}: {\n  hasLeadingIcon: boolean;\n  hasPrefix: boolean;\n}): Pick<BaseBoxProps, 'paddingLeft'> => {\n  if (hasPrefix && hasLeadingIcon) {\n    return {\n      paddingLeft: 'spacing.3',\n    };\n  }\n\n  if (hasPrefix && !hasLeadingIcon) {\n    return {\n      paddingLeft: 'spacing.4',\n    };\n  }\n\n  return {\n    paddingLeft: 'spacing.0',\n  };\n};\n\nconst getInteractionElementStyles = ({\n  hasTrailingIcon,\n  hasLeadingInteractionElement,\n  hasLeadingDropDown,\n  hasTrailingInteractionElement,\n  hasSuffix,\n  hasTrailingButton,\n  hasTrailingDropDown,\n}: {\n  hasTrailingIcon: boolean;\n  hasLeadingInteractionElement?: boolean;\n  hasLeadingDropDown?: boolean;\n  hasTrailingInteractionElement?: boolean;\n  hasSuffix: boolean;\n  hasTrailingButton: boolean;\n  hasTrailingDropDown?: boolean;\n}): SpacingValueType => {\n  if (hasTrailingInteractionElement && (hasSuffix || hasTrailingIcon || hasTrailingButton)) {\n    return 'spacing.2';\n  }\n\n  if (hasLeadingDropDown || hasTrailingDropDown) {\n    return 'spacing.2';\n  }\n\n  if (hasTrailingInteractionElement && !hasSuffix && !hasTrailingIcon && !hasTrailingButton) {\n    return 'spacing.4';\n  }\n\n  if (hasLeadingInteractionElement) {\n    return 'spacing.3';\n  }\n\n  return 'spacing.0';\n};\n\nconst getSuffixStyles = ({\n  hasTrailingIcon,\n  hasSuffix,\n  hasTrailingButton,\n}: {\n  hasTrailingIcon: boolean;\n  hasSuffix: boolean;\n  hasTrailingButton: boolean;\n}): Pick<BaseBoxProps, 'paddingRight'> => {\n  if (hasSuffix && (hasTrailingIcon || hasTrailingButton)) {\n    return {\n      paddingRight: 'spacing.3',\n    };\n  }\n\n  if (hasSuffix && !hasTrailingIcon && !hasTrailingButton) {\n    return {\n      paddingRight: 'spacing.4',\n    };\n  }\n\n  return {\n    paddingRight: 'spacing.0',\n  };\n};\n\nconst getTrailingIconStyles = ({\n  hasTrailingIcon,\n  hasTrailingButton,\n}: {\n  hasTrailingIcon: boolean;\n  hasTrailingButton: boolean;\n}): Pick<BaseBoxProps, 'paddingRight'> => {\n  if (hasTrailingIcon && hasTrailingButton) {\n    return {\n      paddingRight: 'spacing.3',\n    };\n  }\n\n  if (hasTrailingIcon && !hasTrailingButton) {\n    return {\n      paddingRight: 'spacing.4',\n    };\n  }\n\n  return {\n    paddingRight: 'spacing.0',\n  };\n};\n\nexport const getInputVisualsToBeRendered = ({\n  leadingIcon,\n  prefix,\n  trailingInteractionElement,\n  leadingInteractionElement,\n  suffix,\n  trailingIcon,\n  trailingButton,\n  leadingDropDown,\n  trailingDropDown,\n}: InputVisuals) => ({\n  hasLeadingIcon: Boolean(leadingIcon),\n  hasPrefix: Boolean(prefix),\n  hasTrailingInteractionElement: Boolean(trailingInteractionElement),\n  hasLeadingInteractionElement: Boolean(leadingInteractionElement),\n  hasSuffix: Boolean(suffix),\n  hasTrailingIcon: Boolean(trailingIcon),\n  hasTrailingButton: Boolean(trailingButton),\n  hasLeadingDropDown: Boolean(leadingDropDown),\n  hasTrailingDropDown: Boolean(trailingDropDown),\n});\n\nconst getTooltipContent = ({\n  validationState,\n  errorText,\n  successText,\n}: {\n  validationState: BaseInputProps['validationState'];\n  errorText: BaseInputProps['errorText'];\n  successText: BaseInputProps['errorText'];\n}): string => {\n  if (validationState === 'error' && errorText) {\n    return errorText;\n  }\n\n  if (validationState === 'success' && successText) {\n    return successText;\n  }\n\n  return '';\n};\n\nconst ValidationIconTooltip = ({\n  children,\n  validationState,\n  errorText,\n  successText,\n  showHintsAsTooltip,\n}: {\n  children: ReactElement;\n  validationState: BaseInputProps['validationState'];\n  errorText: BaseInputProps['errorText'];\n  successText: BaseInputProps['errorText'];\n  showHintsAsTooltip: BaseInputProps['showHintsAsTooltip'];\n}) => {\n  if (\n    (showHintsAsTooltip && validationState === 'error' && errorText) ||\n    (validationState === 'success' && successText)\n  ) {\n    return (\n      <Tooltip content={getTooltipContent({ validationState, errorText, successText })}>\n        <Box display=\"flex\" justifyContent=\"center\" alignItems=\"center\">\n          {children}\n        </Box>\n      </Tooltip>\n    );\n  }\n\n  return children;\n};\n\nexport const BaseInputVisuals = ({\n  leadingIcon: LeadingIcon,\n  prefix,\n  trailingInteractionElement,\n  onTrailingInteractionElementClick,\n  leadingDropDown,\n  trailingDropDown,\n  leadingInteractionElement,\n  suffix,\n  trailingIcon: TrailingIcon,\n  isDisabled,\n  validationState = 'none',\n  size,\n  showHintsAsTooltip,\n  errorText,\n  successText,\n  trailingButton: TrailingButton,\n}: InputVisuals): ReactElement | null => {\n  const {\n    hasLeadingIcon,\n    hasPrefix,\n    hasSuffix,\n    hasTrailingInteractionElement,\n    hasLeadingInteractionElement,\n    hasTrailingIcon,\n    hasTrailingButton,\n    hasLeadingDropDown,\n    hasTrailingDropDown,\n  } = getInputVisualsToBeRendered({\n    leadingIcon: LeadingIcon,\n    prefix,\n    leadingInteractionElement,\n    trailingInteractionElement,\n    suffix,\n    trailingIcon: TrailingIcon,\n    trailingButton: TrailingButton,\n    leadingDropDown,\n    trailingDropDown,\n    size,\n  });\n\n  const hasLeadingVisuals =\n    hasLeadingInteractionElement || hasLeadingIcon || hasPrefix || hasLeadingDropDown;\n  const hasTrailingVisuals =\n    hasTrailingInteractionElement ||\n    hasSuffix ||\n    hasTrailingIcon ||\n    hasTrailingButton ||\n    hasTrailingDropDown;\n\n  if (__DEV__) {\n    if (hasTrailingButton && !isValidAllowedChildren(TrailingButton, 'Link')) {\n      throwBladeError({\n        message: 'trailingButton must be a valid Blade Link component',\n        moduleName: 'BaseInput',\n      });\n    }\n  }\n\n  if (hasLeadingVisuals) {\n    return (\n      <BaseBox {...getVisualContainerStyles()}>\n        {hasLeadingInteractionElement ? (\n          <BaseBox\n            paddingLeft={getInteractionElementStyles({\n              hasTrailingIcon,\n              hasLeadingInteractionElement,\n              hasSuffix,\n              hasTrailingButton,\n            })}\n            display=\"flex\"\n            alignItems=\"stretch\"\n            alignSelf=\"stretch\"\n          >\n            {leadingInteractionElement}\n          </BaseBox>\n        ) : null}\n        {LeadingIcon ? (\n          <BaseBox paddingLeft=\"spacing.4\" display=\"flex\">\n            <LeadingIcon\n              size={iconSize[size]}\n              color={isDisabled ? 'surface.icon.gray.disabled' : 'surface.icon.gray.muted'}\n            />\n          </BaseBox>\n        ) : null}\n        {hasPrefix ? (\n          <BaseBox {...getPrefixStyles({ hasLeadingIcon, hasPrefix })}>\n            <Text\n              size={textSize[size]}\n              variant=\"body\"\n              weight=\"regular\"\n              color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.muted'}\n            >\n              {prefix}\n            </Text>\n          </BaseBox>\n        ) : null}\n        {leadingDropDown ? (\n          <BaseBox paddingLeft=\"spacing.2\" display=\"flex\">\n            {leadingDropDown}\n          </BaseBox>\n        ) : null}\n      </BaseBox>\n    );\n  }\n\n  if (hasTrailingVisuals) {\n    return (\n      <BaseBox\n        {...getVisualContainerStyles({\n          shouldStretchTrailingBox:\n            hasTrailingInteractionElement && Boolean(onTrailingInteractionElementClick),\n        })}\n      >\n        {hasTrailingInteractionElement ? (\n          <BaseBox\n            {...getVisualContainerStyles({\n              shouldStretchTrailingBox:\n                hasTrailingInteractionElement && Boolean(onTrailingInteractionElementClick),\n            })}\n          >\n            <BaseBox\n              paddingRight={getInteractionElementStyles({\n                hasTrailingIcon,\n                hasTrailingInteractionElement,\n                hasSuffix,\n                hasTrailingButton,\n                hasTrailingDropDown,\n              })}\n              display=\"flex\"\n              alignItems=\"stretch\"\n              alignSelf=\"stretch\"\n              {...(!isReactNative() && { onClick: onTrailingInteractionElementClick })}\n            >\n              {trailingInteractionElement}\n            </BaseBox>\n          </BaseBox>\n        ) : null}\n        {hasSuffix ? (\n          <BaseBox {...getSuffixStyles({ hasTrailingIcon, hasSuffix, hasTrailingButton })}>\n            <Text\n              size={textSize[size]}\n              variant=\"body\"\n              weight=\"regular\"\n              color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle'}\n            >\n              {suffix}\n            </Text>\n          </BaseBox>\n        ) : null}\n        {TrailingIcon ? (\n          <BaseBox\n            display=\"flex\"\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            {...getTrailingIconStyles({ hasTrailingIcon, hasTrailingButton })}\n          >\n            <ValidationIconTooltip\n              showHintsAsTooltip={showHintsAsTooltip}\n              errorText={errorText}\n              successText={successText}\n              validationState={validationState}\n            >\n              <TrailingIcon\n                size={iconSize[size]}\n                color={\n                  isDisabled ? 'interactive.icon.gray.disabled' : trailingIconColor[validationState]\n                }\n              />\n            </ValidationIconTooltip>\n          </BaseBox>\n        ) : null}\n        {TrailingButton ? (\n          <BaseBox paddingRight=\"spacing.4\" display=\"flex\">\n            {React.cloneElement(TrailingButton, {\n              size,\n              variant: 'button',\n              isDisabled,\n            })}\n          </BaseBox>\n        ) : null}\n        {hasTrailingDropDown ? (\n          <BaseBox paddingRight=\"spacing.2\" display=\"flex\">\n            {trailingDropDown}\n          </BaseBox>\n        ) : null}\n      </BaseBox>\n    );\n  }\n\n  return null;\n};\n"],"names":["getVisualContainerStyles","_ref","arguments","length","undefined","shouldStretchTrailingBox","display","flexDirection","alignItems","alignSelf","trailingIconColor","none","error","success","iconSize","xsmall","small","medium","large","textSize","getPrefixStyles","_ref2","hasLeadingIcon","hasPrefix","paddingLeft","getInteractionElementStyles","_ref3","hasTrailingIcon","hasLeadingInteractionElement","hasLeadingDropDown","hasTrailingInteractionElement","hasSuffix","hasTrailingButton","hasTrailingDropDown","getSuffixStyles","_ref4","paddingRight","getTrailingIconStyles","_ref5","getInputVisualsToBeRendered","_ref6","leadingIcon","prefix","trailingInteractionElement","leadingInteractionElement","suffix","trailingIcon","trailingButton","leadingDropDown","trailingDropDown","Boolean","getTooltipContent","_ref7","validationState","errorText","successText","ValidationIconTooltip","_ref8","children","showHintsAsTooltip","_jsx","Tooltip","content","Box","justifyContent","BaseInputVisuals","_ref9","LeadingIcon","onTrailingInteractionElementClick","TrailingIcon","isDisabled","_ref9$validationState","size","TrailingButton","_getInputVisualsToBeR","hasLeadingVisuals","hasTrailingVisuals","isValidAllowedChildren","throwBladeError","message","moduleName","_jsxs","BaseBox","_objectSpread","color","Text","variant","weight","isReactNative","onClick","React","cloneElement"],"mappings":"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"}
+{"version":3,"file":"BaseInputVisuals.js","sources":["../../../../../../../src/components/Input/BaseInput/BaseInputVisuals.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport React from 'react';\nimport type { ReactElement } from 'react';\nimport type { BaseInputProps } from './BaseInput';\nimport { inputDropdownButtonPadding } from './baseInputTokens';\nimport { throwBladeError } from '~utils/logger';\nimport { isReactNative } from '~utils';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport type { BaseBoxProps, SpacingValueType } from '~components/Box/BaseBox';\nimport type { IconColors } from '~components/Icons';\nimport { isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { Tooltip } from '~components/Tooltip';\nimport { Box } from '~components/Box';\n\ntype InputVisuals = Pick<\n  BaseInputProps,\n  | 'leadingIcon'\n  | 'prefix'\n  | 'trailingInteractionElement'\n  | 'onTrailingInteractionElementClick'\n  | 'leadingInteractionElement'\n  | 'leadingDropDown'\n  | 'trailingDropDown'\n  | 'suffix'\n  | 'trailingIcon'\n  | 'isDisabled'\n  | 'validationState'\n  | 'size'\n  | 'trailingButton'\n  | 'showHintsAsTooltip'\n  | 'errorText'\n  | 'successText'\n> & {\n  size: NonNullable<BaseInputProps['size']>;\n};\n\nconst getVisualContainerStyles = ({\n  shouldStretch,\n}: {\n  shouldStretch?: boolean;\n} = {}): Pick<BaseBoxProps, 'display' | 'flexDirection' | 'alignItems' | 'alignSelf'> => ({\n  display: 'flex',\n  flexDirection: 'row',\n  alignItems: 'center',\n  alignSelf: shouldStretch ? 'stretch' : 'center',\n});\n\nconst trailingIconColor: Record<NonNullable<InputVisuals['validationState']>, IconColors> = {\n  none: 'surface.icon.gray.subtle',\n  error: 'feedback.icon.negative.intense',\n  success: 'feedback.icon.positive.intense',\n};\n\nconst iconSize = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'medium',\n  large: 'large',\n} as const;\n\nconst textSize = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'medium',\n  large: 'large',\n} as const;\n\nconst getPrefixStyles = ({\n  hasLeadingIcon,\n  hasPrefix,\n}: {\n  hasLeadingIcon: boolean;\n  hasPrefix: boolean;\n}): Pick<BaseBoxProps, 'paddingLeft'> => {\n  if (hasPrefix && hasLeadingIcon) {\n    return {\n      paddingLeft: 'spacing.3',\n    };\n  }\n\n  if (hasPrefix && !hasLeadingIcon) {\n    return {\n      paddingLeft: 'spacing.4',\n    };\n  }\n\n  return {\n    paddingLeft: 'spacing.0',\n  };\n};\n\nconst getInteractionElementStyles = ({\n  hasTrailingIcon,\n  hasLeadingInteractionElement,\n  hasLeadingDropDown,\n  hasTrailingInteractionElement,\n  hasSuffix,\n  hasTrailingButton,\n  hasTrailingDropDown,\n}: {\n  hasTrailingIcon: boolean;\n  hasLeadingInteractionElement?: boolean;\n  hasLeadingDropDown?: boolean;\n  hasTrailingInteractionElement?: boolean;\n  hasSuffix: boolean;\n  hasTrailingButton: boolean;\n  hasTrailingDropDown?: boolean;\n}): SpacingValueType => {\n  if (hasTrailingInteractionElement && (hasSuffix || hasTrailingIcon || hasTrailingButton)) {\n    return 'spacing.2';\n  }\n\n  if (hasLeadingDropDown || hasTrailingDropDown) {\n    return 'spacing.2';\n  }\n\n  if (hasTrailingInteractionElement && !hasSuffix && !hasTrailingIcon && !hasTrailingButton) {\n    return 'spacing.4';\n  }\n\n  if (hasLeadingInteractionElement) {\n    return 'spacing.2';\n  }\n\n  return 'spacing.0';\n};\n\nconst getSuffixStyles = ({\n  hasTrailingIcon,\n  hasSuffix,\n  hasTrailingButton,\n}: {\n  hasTrailingIcon: boolean;\n  hasSuffix: boolean;\n  hasTrailingButton: boolean;\n}): Pick<BaseBoxProps, 'paddingRight'> => {\n  if (hasSuffix && (hasTrailingIcon || hasTrailingButton)) {\n    return {\n      paddingRight: 'spacing.3',\n    };\n  }\n\n  if (hasSuffix && !hasTrailingIcon && !hasTrailingButton) {\n    return {\n      paddingRight: 'spacing.4',\n    };\n  }\n\n  return {\n    paddingRight: 'spacing.0',\n  };\n};\n\nconst getTrailingIconStyles = ({\n  hasTrailingIcon,\n  hasTrailingButton,\n}: {\n  hasTrailingIcon: boolean;\n  hasTrailingButton: boolean;\n}): Pick<BaseBoxProps, 'paddingRight'> => {\n  if (hasTrailingIcon && hasTrailingButton) {\n    return {\n      paddingRight: 'spacing.3',\n    };\n  }\n\n  if (hasTrailingIcon && !hasTrailingButton) {\n    return {\n      paddingRight: 'spacing.4',\n    };\n  }\n\n  return {\n    paddingRight: 'spacing.0',\n  };\n};\n\nexport const getInputVisualsToBeRendered = ({\n  leadingIcon,\n  prefix,\n  trailingInteractionElement,\n  leadingInteractionElement,\n  suffix,\n  trailingIcon,\n  trailingButton,\n  leadingDropDown,\n  trailingDropDown,\n}: InputVisuals) => ({\n  hasLeadingIcon: Boolean(leadingIcon),\n  hasPrefix: Boolean(prefix),\n  hasTrailingInteractionElement: Boolean(trailingInteractionElement),\n  hasLeadingInteractionElement: Boolean(leadingInteractionElement),\n  hasSuffix: Boolean(suffix),\n  hasTrailingIcon: Boolean(trailingIcon),\n  hasTrailingButton: Boolean(trailingButton),\n  hasLeadingDropDown: Boolean(leadingDropDown),\n  hasTrailingDropDown: Boolean(trailingDropDown),\n});\n\nconst getTooltipContent = ({\n  validationState,\n  errorText,\n  successText,\n}: {\n  validationState: BaseInputProps['validationState'];\n  errorText: BaseInputProps['errorText'];\n  successText: BaseInputProps['errorText'];\n}): string => {\n  if (validationState === 'error' && errorText) {\n    return errorText;\n  }\n\n  if (validationState === 'success' && successText) {\n    return successText;\n  }\n\n  return '';\n};\n\nconst ValidationIconTooltip = ({\n  children,\n  validationState,\n  errorText,\n  successText,\n  showHintsAsTooltip,\n}: {\n  children: ReactElement;\n  validationState: BaseInputProps['validationState'];\n  errorText: BaseInputProps['errorText'];\n  successText: BaseInputProps['errorText'];\n  showHintsAsTooltip: BaseInputProps['showHintsAsTooltip'];\n}) => {\n  if (\n    (showHintsAsTooltip && validationState === 'error' && errorText) ||\n    (validationState === 'success' && successText)\n  ) {\n    return (\n      <Tooltip content={getTooltipContent({ validationState, errorText, successText })}>\n        <Box display=\"flex\" justifyContent=\"center\" alignItems=\"center\">\n          {children}\n        </Box>\n      </Tooltip>\n    );\n  }\n\n  return children;\n};\n\nexport const BaseInputVisuals = ({\n  leadingIcon: LeadingIcon,\n  prefix,\n  trailingInteractionElement,\n  onTrailingInteractionElementClick,\n  leadingDropDown,\n  trailingDropDown,\n  leadingInteractionElement,\n  suffix,\n  trailingIcon: TrailingIcon,\n  isDisabled,\n  validationState = 'none',\n  size,\n  showHintsAsTooltip,\n  errorText,\n  successText,\n  trailingButton: TrailingButton,\n}: InputVisuals): ReactElement | null => {\n  const {\n    hasLeadingIcon,\n    hasPrefix,\n    hasSuffix,\n    hasTrailingInteractionElement,\n    hasLeadingInteractionElement,\n    hasTrailingIcon,\n    hasTrailingButton,\n    hasLeadingDropDown,\n    hasTrailingDropDown,\n  } = getInputVisualsToBeRendered({\n    leadingIcon: LeadingIcon,\n    prefix,\n    leadingInteractionElement,\n    trailingInteractionElement,\n    suffix,\n    trailingIcon: TrailingIcon,\n    trailingButton: TrailingButton,\n    leadingDropDown,\n    trailingDropDown,\n    size,\n  });\n\n  const hasLeadingVisuals =\n    hasLeadingInteractionElement || hasLeadingIcon || hasPrefix || hasLeadingDropDown;\n  const hasTrailingVisuals =\n    hasTrailingInteractionElement ||\n    hasSuffix ||\n    hasTrailingIcon ||\n    hasTrailingButton ||\n    hasTrailingDropDown;\n\n  if (__DEV__) {\n    if (hasTrailingButton && !isValidAllowedChildren(TrailingButton, 'Link')) {\n      throwBladeError({\n        message: 'trailingButton must be a valid Blade Link component',\n        moduleName: 'BaseInput',\n      });\n    }\n  }\n\n  if (hasLeadingVisuals) {\n    return (\n      <BaseBox {...getVisualContainerStyles({ shouldStretch: hasLeadingDropDown })}>\n        {hasLeadingInteractionElement ? (\n          <BaseBox\n            paddingLeft={getInteractionElementStyles({\n              hasTrailingIcon,\n              hasLeadingInteractionElement,\n              hasSuffix,\n              hasTrailingButton,\n            })}\n            paddingY={`spacing.${inputDropdownButtonPadding[size]}`}\n            display=\"flex\"\n            alignItems=\"stretch\"\n            alignSelf=\"stretch\"\n          >\n            {leadingInteractionElement}\n          </BaseBox>\n        ) : null}\n        {LeadingIcon ? (\n          <BaseBox paddingLeft=\"spacing.4\" display=\"flex\">\n            <LeadingIcon\n              size={iconSize[size]}\n              color={isDisabled ? 'surface.icon.gray.disabled' : 'surface.icon.gray.muted'}\n            />\n          </BaseBox>\n        ) : null}\n        {hasPrefix ? (\n          <BaseBox {...getPrefixStyles({ hasLeadingIcon, hasPrefix })}>\n            <Text\n              size={textSize[size]}\n              variant=\"body\"\n              weight=\"regular\"\n              color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.muted'}\n            >\n              {prefix}\n            </Text>\n          </BaseBox>\n        ) : null}\n        {leadingDropDown ? (\n          <BaseBox\n            paddingLeft={`spacing.${inputDropdownButtonPadding[size]}`}\n            paddingY={`spacing.${inputDropdownButtonPadding[size]}`}\n            display=\"flex\"\n            alignItems=\"stretch\"\n            alignSelf=\"stretch\"\n          >\n            {leadingDropDown}\n          </BaseBox>\n        ) : null}\n      </BaseBox>\n    );\n  }\n\n  if (hasTrailingVisuals) {\n    return (\n      <BaseBox\n        {...getVisualContainerStyles({\n          shouldStretch:\n            (hasTrailingInteractionElement && Boolean(onTrailingInteractionElementClick)) ||\n            hasTrailingDropDown,\n        })}\n      >\n        {hasTrailingInteractionElement ? (\n          <BaseBox\n            {...getVisualContainerStyles({\n              shouldStretch:\n                hasTrailingInteractionElement && Boolean(onTrailingInteractionElementClick),\n            })}\n          >\n            <BaseBox\n              paddingRight={getInteractionElementStyles({\n                hasTrailingIcon,\n                hasTrailingInteractionElement,\n                hasSuffix,\n                hasTrailingButton,\n                hasTrailingDropDown,\n              })}\n              display=\"flex\"\n              alignItems=\"stretch\"\n              alignSelf=\"stretch\"\n              {...(!isReactNative() && { onClick: onTrailingInteractionElementClick })}\n            >\n              {trailingInteractionElement}\n            </BaseBox>\n          </BaseBox>\n        ) : null}\n        {hasSuffix ? (\n          <BaseBox {...getSuffixStyles({ hasTrailingIcon, hasSuffix, hasTrailingButton })}>\n            <Text\n              size={textSize[size]}\n              variant=\"body\"\n              weight=\"regular\"\n              color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle'}\n            >\n              {suffix}\n            </Text>\n          </BaseBox>\n        ) : null}\n        {TrailingIcon ? (\n          <BaseBox\n            display=\"flex\"\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            {...getTrailingIconStyles({ hasTrailingIcon, hasTrailingButton })}\n          >\n            <ValidationIconTooltip\n              showHintsAsTooltip={showHintsAsTooltip}\n              errorText={errorText}\n              successText={successText}\n              validationState={validationState}\n            >\n              <TrailingIcon\n                size={iconSize[size]}\n                color={\n                  isDisabled ? 'interactive.icon.gray.disabled' : trailingIconColor[validationState]\n                }\n              />\n            </ValidationIconTooltip>\n          </BaseBox>\n        ) : null}\n        {TrailingButton ? (\n          <BaseBox paddingRight=\"spacing.4\" display=\"flex\">\n            {React.cloneElement(TrailingButton, {\n              size,\n              variant: 'button',\n              isDisabled,\n            })}\n          </BaseBox>\n        ) : null}\n        {hasTrailingDropDown ? (\n          <BaseBox\n            paddingRight={`spacing.${inputDropdownButtonPadding[size]}`}\n            paddingY={`spacing.${inputDropdownButtonPadding[size]}`}\n            display=\"flex\"\n            alignItems=\"stretch\"\n            alignSelf=\"stretch\"\n          >\n            {trailingDropDown}\n          </BaseBox>\n        ) : null}\n      </BaseBox>\n    );\n  }\n\n  return null;\n};\n"],"names":["getVisualContainerStyles","_ref","arguments","length","undefined","shouldStretch","display","flexDirection","alignItems","alignSelf","trailingIconColor","none","error","success","iconSize","xsmall","small","medium","large","textSize","getPrefixStyles","_ref2","hasLeadingIcon","hasPrefix","paddingLeft","getInteractionElementStyles","_ref3","hasTrailingIcon","hasLeadingInteractionElement","hasLeadingDropDown","hasTrailingInteractionElement","hasSuffix","hasTrailingButton","hasTrailingDropDown","getSuffixStyles","_ref4","paddingRight","getTrailingIconStyles","_ref5","getInputVisualsToBeRendered","_ref6","leadingIcon","prefix","trailingInteractionElement","leadingInteractionElement","suffix","trailingIcon","trailingButton","leadingDropDown","trailingDropDown","Boolean","getTooltipContent","_ref7","validationState","errorText","successText","ValidationIconTooltip","_ref8","children","showHintsAsTooltip","_jsx","Tooltip","content","Box","justifyContent","BaseInputVisuals","_ref9","LeadingIcon","onTrailingInteractionElementClick","TrailingIcon","isDisabled","_ref9$validationState","size","TrailingButton","_getInputVisualsToBeR","hasLeadingVisuals","hasTrailingVisuals","isValidAllowedChildren","throwBladeError","message","moduleName","_jsxs","BaseBox","_objectSpread","paddingY","concat","inputDropdownButtonPadding","color","Text","variant","weight","isReactNative","onClick","React","cloneElement"],"mappings":"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"}

package/build/lib/web/production/components/Input/BaseInput/BaseInputWrapper.js

@@ -2,9 +2,11 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
 import { AnimatedBaseInputWrapper } from './AnimatedBaseInputWrapper.web.js';
-import { jsx } from 'react/jsx-runtime';
+import '../../Box/BaseBox/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { BaseBox } from '../../Box/BaseBox/BaseBox.web.js';
 
-var _excluded = ["children", "validationState", "currentInteraction", "isLabelLeftPositioned", "isTextArea", "showAllTags", "setShowAllTagsWithAnimation", "maxTagRows", "numberOfLines", "isTableInputCell"];
+var _excluded = ["children", "validationState", "currentInteraction", "isLabelLeftPositioned", "isTextArea", "showAllTags", "setShowAllTagsWithAnimation", "maxTagRows", "numberOfLines", "isTableInputCell", "topContent", "bottomContent", "inputRowOverlay"];
 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 _BaseInputWrapper = function _BaseInputWrapper(_ref, ref) {
@@ -18,7 +20,12 @@ var _BaseInputWrapper = function _BaseInputWrapper(_ref, ref) {
     maxTagRows = _ref.maxTagRows,
     numberOfLines = _ref.numberOfLines,
     isTableInputCell = _ref.isTableInputCell,
+    topContent = _ref.topContent,
+    bottomContent = _ref.bottomContent,
+    inputRowOverlay = _ref.inputRowOverlay,
     props = _objectWithoutProperties(_ref, _excluded);
+  // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
+  var hasExtraContent = Boolean(topContent || bottomContent || inputRowOverlay);
   return /*#__PURE__*/jsx(AnimatedBaseInputWrapper
   // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unnecessary-type-assertion
   , _objectSpread(_objectSpread({
@@ -32,7 +39,19 @@ var _BaseInputWrapper = function _BaseInputWrapper(_ref, ref) {
     numberOfLines: numberOfLines,
     isTableInputCell: isTableInputCell
   }, props), {}, {
-    children: children
+    children: hasExtraContent ? /*#__PURE__*/jsxs(BaseBox, {
+      display: "flex",
+      flexDirection: "column",
+      width: "100%",
+      children: [topContent, /*#__PURE__*/jsxs(BaseBox, {
+        display: "flex",
+        flexDirection: "row",
+        width: "100%",
+        alignItems: isTextArea ? 'flex-start' : 'center',
+        position: inputRowOverlay ? 'relative' : undefined,
+        children: [children, inputRowOverlay]
+      }), bottomContent]
+    }) : children
   }));
 };
 var BaseInputWrapper = /*#__PURE__*/React__default.forwardRef(_BaseInputWrapper);

package/build/lib/web/production/components/Input/BaseInput/BaseInputWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseInputWrapper.js","sources":["../../../../../../../src/components/Input/BaseInput/BaseInputWrapper.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\nimport React from 'react';\nimport { AnimatedBaseInputWrapper } from './AnimatedBaseInputWrapper';\nimport type { BaseInputWrapperProps } from './types';\nimport type { ContainerElementType } from '~utils/types';\n\nconst _BaseInputWrapper: React.ForwardRefRenderFunction<\n  ContainerElementType,\n  BaseInputWrapperProps & {\n    children: ReactNode;\n  }\n> = (\n  {\n    children,\n    validationState,\n    currentInteraction,\n    isLabelLeftPositioned,\n    isTextArea,\n    showAllTags,\n    setShowAllTagsWithAnimation,\n    maxTagRows,\n    numberOfLines,\n    isTableInputCell,\n    ...props\n  },\n  ref,\n): ReactElement => {\n  return (\n    <AnimatedBaseInputWrapper\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unnecessary-type-assertion\n      ref={ref as any}\n      isTextArea={isTextArea}\n      validationState={validationState}\n      currentInteraction={currentInteraction}\n      showAllTags={showAllTags}\n      maxTagRows={maxTagRows}\n      setShowAllTagsWithAnimation={setShowAllTagsWithAnimation}\n      numberOfLines={numberOfLines}\n      isTableInputCell={isTableInputCell}\n      {...props}\n    >\n      {children}\n    </AnimatedBaseInputWrapper>\n  );\n};\n\nexport const BaseInputWrapper = React.forwardRef(_BaseInputWrapper);\n"],"names":["_BaseInputWrapper","_ref","ref","children","validationState","currentInteraction","isLabelLeftPositioned","isTextArea","showAllTags","setShowAllTagsWithAnimation","maxTagRows","numberOfLines","isTableInputCell","props","_objectWithoutProperties","_excluded","_jsx","AnimatedBaseInputWrapper","_objectSpread","BaseInputWrapper","React","forwardRef"],"mappings":";;;;;;;;;AAMA,IAAMA,iBAKL,GAAG,SALEA,iBAKLA,CAAAC,IAAA,EAcCC,GAAG,EACc;AAAA,EAAA,IAbfC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,eAAe,GAAAH,IAAA,CAAfG,eAAe;IACfC,kBAAkB,GAAAJ,IAAA,CAAlBI,kBAAkB;IAClBC,qBAAqB,GAAAL,IAAA,CAArBK,qBAAqB;IACrBC,UAAU,GAAAN,IAAA,CAAVM,UAAU;IACVC,WAAW,GAAAP,IAAA,CAAXO,WAAW;IACXC,2BAA2B,GAAAR,IAAA,CAA3BQ,2BAA2B;IAC3BC,UAAU,GAAAT,IAAA,CAAVS,UAAU;IACVC,aAAa,GAAAV,IAAA,CAAbU,aAAa;IACbC,gBAAgB,GAAAX,IAAA,CAAhBW,gBAAgB;AACbC,IAAAA,KAAK,GAAAC,wBAAA,CAAAb,IAAA,EAAAc,SAAA,CAAA,CAAA;AAIV,EAAA,oBACEC,GAAA,CAACC,wBAAAA;AACC;IAAAC,aAAA,CAAAA,aAAA,CAAA;AACAhB,IAAAA,GAAG,EAAEA,GAAW;AAChBK,IAAAA,UAAU,EAAEA,UAAW;AACvBH,IAAAA,eAAe,EAAEA,eAAgB;AACjCC,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCG,IAAAA,WAAW,EAAEA,WAAY;AACzBE,IAAAA,UAAU,EAAEA,UAAW;AACvBD,IAAAA,2BAA2B,EAAEA,2BAA4B;AACzDE,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,gBAAgB,EAAEA,gBAAAA;AAAiB,GAAA,EAC/BC,KAAK,CAAA,EAAA,EAAA,EAAA;AAAAV,IAAAA,QAAA,EAERA,QAAAA;AAAQ,GAAA,CACe,CAAC,CAAA;AAE/B,CAAC,CAAA;AAEM,IAAMgB,gBAAgB,gBAAGC,cAAK,CAACC,UAAU,CAACrB,iBAAiB;;;;"}
+{"version":3,"file":"BaseInputWrapper.js","sources":["../../../../../../../src/components/Input/BaseInput/BaseInputWrapper.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\nimport React from 'react';\nimport { AnimatedBaseInputWrapper } from './AnimatedBaseInputWrapper';\nimport type { BaseInputWrapperProps } from './types';\nimport type { ContainerElementType } from '~utils/types';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst _BaseInputWrapper: React.ForwardRefRenderFunction<\n  ContainerElementType,\n  BaseInputWrapperProps & {\n    children: ReactNode;\n  }\n> = (\n  {\n    children,\n    validationState,\n    currentInteraction,\n    isLabelLeftPositioned,\n    isTextArea,\n    showAllTags,\n    setShowAllTagsWithAnimation,\n    maxTagRows,\n    numberOfLines,\n    isTableInputCell,\n    topContent,\n    bottomContent,\n    inputRowOverlay,\n    ...props\n  },\n  ref,\n): ReactElement => {\n  // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n  const hasExtraContent = Boolean(topContent || bottomContent || inputRowOverlay);\n\n  return (\n    <AnimatedBaseInputWrapper\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unnecessary-type-assertion\n      ref={ref as any}\n      isTextArea={isTextArea}\n      validationState={validationState}\n      currentInteraction={currentInteraction}\n      showAllTags={showAllTags}\n      maxTagRows={maxTagRows}\n      setShowAllTagsWithAnimation={setShowAllTagsWithAnimation}\n      numberOfLines={numberOfLines}\n      isTableInputCell={isTableInputCell}\n      {...props}\n    >\n      {hasExtraContent ? (\n        <BaseBox display=\"flex\" flexDirection=\"column\" width=\"100%\">\n          {topContent}\n          <BaseBox\n            display=\"flex\"\n            flexDirection=\"row\"\n            width=\"100%\"\n            alignItems={isTextArea ? 'flex-start' : 'center'}\n            position={inputRowOverlay ? 'relative' : undefined}\n          >\n            {children}\n            {inputRowOverlay}\n          </BaseBox>\n          {bottomContent}\n        </BaseBox>\n      ) : (\n        children\n      )}\n    </AnimatedBaseInputWrapper>\n  );\n};\n\nexport const BaseInputWrapper = React.forwardRef(_BaseInputWrapper);\n"],"names":["_BaseInputWrapper","_ref","ref","children","validationState","currentInteraction","isLabelLeftPositioned","isTextArea","showAllTags","setShowAllTagsWithAnimation","maxTagRows","numberOfLines","isTableInputCell","topContent","bottomContent","inputRowOverlay","props","_objectWithoutProperties","_excluded","hasExtraContent","Boolean","_jsx","AnimatedBaseInputWrapper","_objectSpread","_jsxs","BaseBox","display","flexDirection","width","alignItems","position","undefined","BaseInputWrapper","React","forwardRef"],"mappings":";;;;;;;;;;;AAOA,IAAMA,iBAKL,GAAG,SALEA,iBAKLA,CAAAC,IAAA,EAiBCC,GAAG,EACc;AAAA,EAAA,IAhBfC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,eAAe,GAAAH,IAAA,CAAfG,eAAe;IACfC,kBAAkB,GAAAJ,IAAA,CAAlBI,kBAAkB;IAClBC,qBAAqB,GAAAL,IAAA,CAArBK,qBAAqB;IACrBC,UAAU,GAAAN,IAAA,CAAVM,UAAU;IACVC,WAAW,GAAAP,IAAA,CAAXO,WAAW;IACXC,2BAA2B,GAAAR,IAAA,CAA3BQ,2BAA2B;IAC3BC,UAAU,GAAAT,IAAA,CAAVS,UAAU;IACVC,aAAa,GAAAV,IAAA,CAAbU,aAAa;IACbC,gBAAgB,GAAAX,IAAA,CAAhBW,gBAAgB;IAChBC,UAAU,GAAAZ,IAAA,CAAVY,UAAU;IACVC,aAAa,GAAAb,IAAA,CAAba,aAAa;IACbC,eAAe,GAAAd,IAAA,CAAfc,eAAe;AACZC,IAAAA,KAAK,GAAAC,wBAAA,CAAAhB,IAAA,EAAAiB,SAAA,CAAA,CAAA;AAIV;EACA,IAAMC,eAAe,GAAGC,OAAO,CAACP,UAAU,IAAIC,aAAa,IAAIC,eAAe,CAAC,CAAA;AAE/E,EAAA,oBACEM,GAAA,CAACC,wBAAAA;AACC;IAAAC,aAAA,CAAAA,aAAA,CAAA;AACArB,IAAAA,GAAG,EAAEA,GAAW;AAChBK,IAAAA,UAAU,EAAEA,UAAW;AACvBH,IAAAA,eAAe,EAAEA,eAAgB;AACjCC,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCG,IAAAA,WAAW,EAAEA,WAAY;AACzBE,IAAAA,UAAU,EAAEA,UAAW;AACvBD,IAAAA,2BAA2B,EAAEA,2BAA4B;AACzDE,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,gBAAgB,EAAEA,gBAAAA;AAAiB,GAAA,EAC/BI,KAAK,CAAA,EAAA,EAAA,EAAA;AAAAb,IAAAA,QAAA,EAERgB,eAAe,gBACdK,IAAA,CAACC,OAAO,EAAA;AAACC,MAAAA,OAAO,EAAC,MAAM;AAACC,MAAAA,aAAa,EAAC,QAAQ;AAACC,MAAAA,KAAK,EAAC,MAAM;AAAAzB,MAAAA,QAAA,EACxDU,CAAAA,UAAU,eACXW,IAAA,CAACC,OAAO,EAAA;AACNC,QAAAA,OAAO,EAAC,MAAM;AACdC,QAAAA,aAAa,EAAC,KAAK;AACnBC,QAAAA,KAAK,EAAC,MAAM;AACZC,QAAAA,UAAU,EAAEtB,UAAU,GAAG,YAAY,GAAG,QAAS;AACjDuB,QAAAA,QAAQ,EAAEf,eAAe,GAAG,UAAU,GAAGgB,SAAU;QAAA5B,QAAA,EAAA,CAElDA,QAAQ,EACRY,eAAe,CAAA;OACT,CAAC,EACTD,aAAa,CAAA;AAAA,KACP,CAAC,GAEVX,QAAAA;AACD,GAAA,CACuB,CAAC,CAAA;AAE/B,CAAC,CAAA;AAEM,IAAM6B,gBAAgB,gBAAGC,cAAK,CAACC,UAAU,CAAClC,iBAAiB;;;;"}

package/build/lib/web/production/components/Input/BaseInput/StyledBaseInput.web.js

@@ -3,6 +3,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import React__default from 'react';
 import styled from 'styled-components';
 import { getBaseInputStyles } from './baseInputStyles.js';
+import getIn from '../../../utils/lodashButBetter/get.js';
 import getTextStyles from '../../Typography/Text/getTextStyles.js';
 import '../../../utils/assignWithoutSideEffects/index.js';
 import '../../Typography/index.js';
@@ -31,6 +32,7 @@ var getWebInputStyles = function getWebInputStyles(props) {
     hasTags: props.hasTags,
     isDropdownTrigger: props.isDropdownTrigger,
     size: props.$size,
+    padding: props.$padding,
     valueComponentType: props.valueComponentType,
     isTableInputCell: props.isTableInputCell,
     hasLeadingDropdown: props.hasLeadingDropdown,
@@ -40,6 +42,7 @@ var getWebInputStyles = function getWebInputStyles(props) {
   })), {}, {
     outline: 'none',
     border: 'none',
+    caretColor: props.$caretColor ? getIn(props.theme.colors, props.$caretColor) : undefined,
     '::placeholder': _objectSpread(_objectSpread({}, getTextStyles({
       size: props.$size,
       variant: 'body',
@@ -209,7 +212,7 @@ var _StyledBaseInput = function _StyledBaseInput(_ref, ref) {
       alignItems: "center",
       gap: "spacing.3",
       children: [/*#__PURE__*/jsx(Text, {
-        color: props.value && !isDisabled ? 'surface.text.gray.subtle' : 'surface.text.gray.disabled',
+        color: props.value && !isDisabled ? 'interactive.text.gray.normal' : 'surface.text.gray.disabled',
         truncateAfterLines: 1,
         textAlign: props.textAlign,
         size: $size,

package/build/lib/web/production/components/Input/BaseInput/StyledBaseInput.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledBaseInput.web.js","sources":["../../../../../../../src/components/Input/BaseInput/StyledBaseInput.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport type { CSSObject, DefaultTheme, ThemeProps } from 'styled-components';\nimport { getBaseInputStyles } from './baseInputStyles';\nimport type { StyledBaseInputProps } from './types';\nimport getTextStyles from '~components/Typography/Text/getTextStyles';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { Text } from '~components/Typography';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst getWebInputStyles = (\n  props: Omit<StyledBaseInputProps, 'accessibilityProps' | 'setCurrentInteraction' | 'type'> &\n    ThemeProps<DefaultTheme> &\n    (React.InputHTMLAttributes<HTMLInputElement> | React.ButtonHTMLAttributes<HTMLButtonElement>),\n): CSSObject => {\n  return {\n    ...getBaseInputStyles({\n      isDisabled: props.disabled,\n      theme: props.theme,\n      validationState: props.validationState,\n      leadingIcon: props.leadingIcon,\n      prefix: props.prefix,\n      trailingInteractionElement: props.trailingInteractionElement,\n      leadingInteractionElement: props.leadingInteractionElement,\n      suffix: props.suffix,\n      trailingIcon: props.trailingIcon,\n      textAlign: props.textAlign,\n      isTextArea: props.isTextArea,\n      hasTags: props.hasTags,\n      isDropdownTrigger: props.isDropdownTrigger,\n      size: props.$size,\n      valueComponentType: props.valueComponentType,\n      isTableInputCell: props.isTableInputCell,\n      hasLeadingDropdown: props.hasLeadingDropdown,\n      color: props.color,\n      disabledColor: props.disabledColor,\n      isInsideCounterInput: props.isInsideCounterInput,\n    }),\n    outline: 'none',\n    border: 'none',\n    '::placeholder': {\n      ...getTextStyles({\n        size: props.$size,\n        variant: 'body',\n        weight: 'regular',\n        color: 'surface.text.gray.disabled',\n        theme: props.theme,\n      }),\n      textAlign: props.textAlign,\n    },\n    ':focus': {\n      outline: 'none',\n    },\n    cursor: props.disabled ? 'not-allowed' : 'auto',\n  };\n};\n\nconst StyledBaseNativeInput = styled.input<\n  Omit<StyledBaseInputProps, 'accessibilityProps' | 'setCurrentInteraction' | 'type'>\n>(getWebInputStyles);\n\nconst StyledBaseNativeButton = styled.button<\n  Omit<StyledBaseInputProps, 'accessibilityProps' | 'setCurrentInteraction' | 'type'>\n>((props) => ({\n  ...getWebInputStyles(props),\n}));\n\nconst StyledBaseDivWrapper = styled.div<\n  Omit<StyledBaseInputProps, 'accessibilityProps' | 'setCurrentInteraction' | 'type'>\n>((props) => ({\n  ...getWebInputStyles(props),\n}));\n\nconst autoCompleteSuggestionTypeMap = {\n  none: 'off',\n  on: 'on',\n  name: 'name',\n  email: 'email',\n  username: 'username',\n  password: 'current-password',\n  newPassword: 'new-password',\n  oneTimeCode: 'one-time-code',\n  telephone: 'tel',\n  postalCode: 'postal-code',\n  countryName: 'country',\n  creditCardNumber: 'cc-number',\n  creditCardCSC: 'cc-csc',\n  creditCardExpiry: 'cc-exp',\n  creditCardExpiryMonth: 'cc-exp-month',\n  creditCardExpiryYear: 'cc-exp-year',\n};\n\nconst _StyledBaseInput: React.ForwardRefRenderFunction<\n  HTMLInputElement | HTMLButtonElement,\n  StyledBaseInputProps & {\n    valueSuffix?: React.ReactNode;\n  }\n> = (\n  {\n    name,\n    isDisabled,\n    isRequired,\n    maxCharacters,\n    handleOnFocus,\n    handleOnChange,\n    handleOnBlur,\n    handleOnInput,\n    handleOnKeyDown,\n    handleOnClick,\n    keyboardType,\n    keyboardReturnKeyType,\n    autoCompleteSuggestionType,\n    accessibilityProps,\n    setCurrentInteraction,\n    numberOfLines,\n    type,\n    hasPopup,\n    shouldIgnoreBlurAnimation,\n    autoCapitalize,\n    $size,\n    valueComponentType,\n    tabIndex,\n    valueSuffix,\n    children,\n    color,\n    disabledColor,\n    isInsideCounterInput,\n    ...props\n  },\n  ref,\n) => {\n  const commonProps = {\n    onBlur: (event: React.ChangeEvent<HTMLInputElement>): void => {\n      // In certain cases like SelectInput, we want to ignore the blur animation when option item is clicked.\n      // The selectinput should always look like it is in focus otherwise it triggers blur + focus again which can cause flicker\n      if (!shouldIgnoreBlurAnimation) {\n        setCurrentInteraction('default');\n      }\n      handleOnBlur?.({ name, value: event });\n    },\n    onFocus: (event: React.ChangeEvent<HTMLInputElement>): void => {\n      setCurrentInteraction('focus');\n      handleOnFocus?.({ name, value: event });\n    },\n    onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => {\n      handleOnKeyDown?.({ name, key: event.key, code: event.code, event });\n    },\n    disabled: isDisabled,\n    enterKeyHint: keyboardReturnKeyType === 'default' ? 'enter' : keyboardReturnKeyType,\n    autoComplete: autoCompleteSuggestionType\n      ? autoCompleteSuggestionTypeMap[autoCompleteSuggestionType]\n      : undefined,\n  };\n\n  return props.as === 'div' ? (\n    <StyledBaseDivWrapper\n      onBlur={(event: React.FocusEvent<HTMLDivElement>): void => {\n        if (!shouldIgnoreBlurAnimation) {\n          setCurrentInteraction('default');\n        }\n        handleOnBlur?.({ name, value: (event as unknown) as React.ChangeEvent<HTMLInputElement> });\n      }}\n      onFocus={(event: React.FocusEvent<HTMLDivElement>): void => {\n        setCurrentInteraction('focus');\n        handleOnFocus?.({ name, value: (event as unknown) as React.ChangeEvent<HTMLInputElement> });\n      }}\n      onClick={(event: React.MouseEvent<HTMLDivElement>): void => {\n        if (props.isDropdownTrigger) {\n          event.stopPropagation();\n        }\n        handleOnClick?.({ name, value: (event as unknown) as React.MouseEvent<HTMLInputElement> });\n      }}\n      name={name}\n      $size={$size}\n      valueComponentType={valueComponentType}\n      tabIndex={tabIndex}\n      {...props}\n      {...accessibilityProps}\n    >\n      {children}\n    </StyledBaseDivWrapper>\n  ) : props.as === 'button' ? (\n    <StyledBaseNativeButton\n      // @ts-expect-error: TS doesnt understand that this will always be `button`\n      ref={ref}\n      name={name}\n      type=\"button\"\n      onClick={(event: React.MouseEvent<HTMLInputElement>): void => {\n        if (props.isDropdownTrigger) {\n          // dropdown triggers have click event on outer container as well on web to handle outer padding clicks of input\n          // we don't want the clicks to be called twice in such cases so we stop propogation if this click has happened\n          event.stopPropagation();\n        }\n\n        handleOnClick?.({ name, value: event });\n      }}\n      $size={$size}\n      valueComponentType={valueComponentType}\n      {...commonProps}\n      {...props}\n      {...accessibilityProps}\n      value={props.value}\n      tabIndex={tabIndex}\n    >\n      <BaseBox display=\"flex\" alignItems=\"center\" gap=\"spacing.3\">\n        <Text\n          color={\n            props.value && !isDisabled ? 'surface.text.gray.subtle' : 'surface.text.gray.disabled'\n          }\n          truncateAfterLines={1}\n          textAlign={props.textAlign}\n          size={$size}\n        >\n          {props.value ? props.value : props.placeholder}\n        </Text>\n        {valueSuffix}\n      </BaseBox>\n    </StyledBaseNativeButton>\n  ) : (\n    <StyledBaseNativeInput\n      // @ts-expect-error: TS doesnt understand that this will always be `input`\n      ref={ref}\n      name={name}\n      type={type === 'telephone' ? 'tel' : type}\n      required={isRequired}\n      maxLength={maxCharacters}\n      // In Tagged TextArea, tags take up their own space so we need to define height instead of relying on HTML rows\n      rows={props.isTextArea && props.isDropdownTrigger ? 1 : numberOfLines}\n      numberOfLines={numberOfLines}\n      inputMode={keyboardType === 'telephone' ? 'tel' : keyboardType}\n      onChange={(event: React.ChangeEvent<HTMLInputElement>): void =>\n        handleOnChange?.({ name, value: event })\n      }\n      onInput={(event: React.ChangeEvent<HTMLInputElement>) => {\n        handleOnInput?.({ name, value: event });\n      }}\n      onClick={(event) => {\n        if (props.isDropdownTrigger) {\n          // dropdown triggers have click event on outer container as well on web to handle outer padding clicks of input\n          // we don't want the clicks to be called twice in such cases so we stop propogation if this click has happened\n          event.stopPropagation();\n        }\n\n        handleOnClick?.({ name, value: event });\n      }}\n      autoCapitalize={autoCapitalize}\n      $size={$size}\n      valueComponentType={valueComponentType}\n      tabIndex={tabIndex}\n      color={color}\n      disabledColor={disabledColor}\n      isInsideCounterInput={isInsideCounterInput}\n      {...commonProps}\n      {...props}\n      {...accessibilityProps}\n    />\n  );\n};\n\nconst StyledBaseInput = assignWithoutSideEffects(React.forwardRef(_StyledBaseInput), {\n  displayName: 'StyledBaseInput',\n});\n\nexport { StyledBaseInput };\n"],"names":["getWebInputStyles","props","_objectSpread","getBaseInputStyles","isDisabled","disabled","theme","validationState","leadingIcon","prefix","trailingInteractionElement","leadingInteractionElement","suffix","trailingIcon","textAlign","isTextArea","hasTags","isDropdownTrigger","size","$size","valueComponentType","isTableInputCell","hasLeadingDropdown","color","disabledColor","isInsideCounterInput","outline","border","getTextStyles","variant","weight","cursor","StyledBaseNativeInput","styled","input","withConfig","displayName","componentId","StyledBaseNativeButton","button","StyledBaseDivWrapper","div","autoCompleteSuggestionTypeMap","none","on","name","email","username","password","newPassword","oneTimeCode","telephone","postalCode","countryName","creditCardNumber","creditCardCSC","creditCardExpiry","creditCardExpiryMonth","creditCardExpiryYear","_StyledBaseInput","_ref","ref","isRequired","maxCharacters","handleOnFocus","handleOnChange","handleOnBlur","handleOnInput","handleOnKeyDown","handleOnClick","keyboardType","keyboardReturnKeyType","autoCompleteSuggestionType","accessibilityProps","setCurrentInteraction","numberOfLines","type","hasPopup","shouldIgnoreBlurAnimation","autoCapitalize","tabIndex","valueSuffix","children","_objectWithoutProperties","_excluded","commonProps","onBlur","event","value","onFocus","onKeyDown","key","code","enterKeyHint","autoComplete","undefined","as","_jsx","onClick","stopPropagation","_jsxs","BaseBox","display","alignItems","gap","Text","truncateAfterLines","placeholder","required","maxLength","rows","inputMode","onChange","onInput","StyledBaseInput","assignWithoutSideEffects","React","forwardRef"],"mappings":"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"}
+{"version":3,"file":"StyledBaseInput.web.js","sources":["../../../../../../../src/components/Input/BaseInput/StyledBaseInput.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport type { CSSObject, DefaultTheme, ThemeProps } from 'styled-components';\nimport { getBaseInputStyles } from './baseInputStyles';\nimport type { StyledBaseInputProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport getTextStyles from '~components/Typography/Text/getTextStyles';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { Text } from '~components/Typography';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst getWebInputStyles = (\n  props: Omit<StyledBaseInputProps, 'accessibilityProps' | 'setCurrentInteraction' | 'type'> &\n    ThemeProps<DefaultTheme> &\n    (React.InputHTMLAttributes<HTMLInputElement> | React.ButtonHTMLAttributes<HTMLButtonElement>),\n): CSSObject => {\n  return {\n    ...getBaseInputStyles({\n      isDisabled: props.disabled,\n      theme: props.theme,\n      validationState: props.validationState,\n      leadingIcon: props.leadingIcon,\n      prefix: props.prefix,\n      trailingInteractionElement: props.trailingInteractionElement,\n      leadingInteractionElement: props.leadingInteractionElement,\n      suffix: props.suffix,\n      trailingIcon: props.trailingIcon,\n      textAlign: props.textAlign,\n      isTextArea: props.isTextArea,\n      hasTags: props.hasTags,\n      isDropdownTrigger: props.isDropdownTrigger,\n      size: props.$size,\n      padding: props.$padding,\n      valueComponentType: props.valueComponentType,\n      isTableInputCell: props.isTableInputCell,\n      hasLeadingDropdown: props.hasLeadingDropdown,\n      color: props.color,\n      disabledColor: props.disabledColor,\n      isInsideCounterInput: props.isInsideCounterInput,\n    }),\n    outline: 'none',\n    border: 'none',\n    caretColor: props.$caretColor ? getIn(props.theme.colors, props.$caretColor) : undefined,\n    '::placeholder': {\n      ...getTextStyles({\n        size: props.$size,\n        variant: 'body',\n        weight: 'regular',\n        color: 'surface.text.gray.disabled',\n        theme: props.theme,\n      }),\n      textAlign: props.textAlign,\n    },\n    ':focus': {\n      outline: 'none',\n    },\n    cursor: props.disabled ? 'not-allowed' : 'auto',\n  };\n};\n\nconst StyledBaseNativeInput = styled.input<\n  Omit<StyledBaseInputProps, 'accessibilityProps' | 'setCurrentInteraction' | 'type'>\n>(getWebInputStyles);\n\nconst StyledBaseNativeButton = styled.button<\n  Omit<StyledBaseInputProps, 'accessibilityProps' | 'setCurrentInteraction' | 'type'>\n>((props) => ({\n  ...getWebInputStyles(props),\n}));\n\nconst StyledBaseDivWrapper = styled.div<\n  Omit<StyledBaseInputProps, 'accessibilityProps' | 'setCurrentInteraction' | 'type'>\n>((props) => ({\n  ...getWebInputStyles(props),\n}));\n\nconst autoCompleteSuggestionTypeMap = {\n  none: 'off',\n  on: 'on',\n  name: 'name',\n  email: 'email',\n  username: 'username',\n  password: 'current-password',\n  newPassword: 'new-password',\n  oneTimeCode: 'one-time-code',\n  telephone: 'tel',\n  postalCode: 'postal-code',\n  countryName: 'country',\n  creditCardNumber: 'cc-number',\n  creditCardCSC: 'cc-csc',\n  creditCardExpiry: 'cc-exp',\n  creditCardExpiryMonth: 'cc-exp-month',\n  creditCardExpiryYear: 'cc-exp-year',\n};\n\nconst _StyledBaseInput: React.ForwardRefRenderFunction<\n  HTMLInputElement | HTMLButtonElement,\n  StyledBaseInputProps & {\n    valueSuffix?: React.ReactNode;\n  }\n> = (\n  {\n    name,\n    isDisabled,\n    isRequired,\n    maxCharacters,\n    handleOnFocus,\n    handleOnChange,\n    handleOnBlur,\n    handleOnInput,\n    handleOnKeyDown,\n    handleOnClick,\n    keyboardType,\n    keyboardReturnKeyType,\n    autoCompleteSuggestionType,\n    accessibilityProps,\n    setCurrentInteraction,\n    numberOfLines,\n    type,\n    hasPopup,\n    shouldIgnoreBlurAnimation,\n    autoCapitalize,\n    $size,\n    valueComponentType,\n    tabIndex,\n    valueSuffix,\n    children,\n    color,\n    disabledColor,\n    isInsideCounterInput,\n    ...props\n  },\n  ref,\n) => {\n  const commonProps = {\n    onBlur: (event: React.ChangeEvent<HTMLInputElement>): void => {\n      // In certain cases like SelectInput, we want to ignore the blur animation when option item is clicked.\n      // The selectinput should always look like it is in focus otherwise it triggers blur + focus again which can cause flicker\n      if (!shouldIgnoreBlurAnimation) {\n        setCurrentInteraction('default');\n      }\n      handleOnBlur?.({ name, value: event });\n    },\n    onFocus: (event: React.ChangeEvent<HTMLInputElement>): void => {\n      setCurrentInteraction('focus');\n      handleOnFocus?.({ name, value: event });\n    },\n    onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => {\n      handleOnKeyDown?.({ name, key: event.key, code: event.code, event });\n    },\n    disabled: isDisabled,\n    enterKeyHint: keyboardReturnKeyType === 'default' ? 'enter' : keyboardReturnKeyType,\n    autoComplete: autoCompleteSuggestionType\n      ? autoCompleteSuggestionTypeMap[autoCompleteSuggestionType]\n      : undefined,\n  };\n\n  return props.as === 'div' ? (\n    <StyledBaseDivWrapper\n      onBlur={(event: React.FocusEvent<HTMLDivElement>): void => {\n        if (!shouldIgnoreBlurAnimation) {\n          setCurrentInteraction('default');\n        }\n        handleOnBlur?.({ name, value: (event as unknown) as React.ChangeEvent<HTMLInputElement> });\n      }}\n      onFocus={(event: React.FocusEvent<HTMLDivElement>): void => {\n        setCurrentInteraction('focus');\n        handleOnFocus?.({ name, value: (event as unknown) as React.ChangeEvent<HTMLInputElement> });\n      }}\n      onClick={(event: React.MouseEvent<HTMLDivElement>): void => {\n        if (props.isDropdownTrigger) {\n          event.stopPropagation();\n        }\n        handleOnClick?.({ name, value: (event as unknown) as React.MouseEvent<HTMLInputElement> });\n      }}\n      name={name}\n      $size={$size}\n      valueComponentType={valueComponentType}\n      tabIndex={tabIndex}\n      {...props}\n      {...accessibilityProps}\n    >\n      {children}\n    </StyledBaseDivWrapper>\n  ) : props.as === 'button' ? (\n    <StyledBaseNativeButton\n      // @ts-expect-error: TS doesnt understand that this will always be `button`\n      ref={ref}\n      name={name}\n      type=\"button\"\n      onClick={(event: React.MouseEvent<HTMLInputElement>): void => {\n        if (props.isDropdownTrigger) {\n          // dropdown triggers have click event on outer container as well on web to handle outer padding clicks of input\n          // we don't want the clicks to be called twice in such cases so we stop propogation if this click has happened\n          event.stopPropagation();\n        }\n\n        handleOnClick?.({ name, value: event });\n      }}\n      $size={$size}\n      valueComponentType={valueComponentType}\n      {...commonProps}\n      {...props}\n      {...accessibilityProps}\n      value={props.value}\n      tabIndex={tabIndex}\n    >\n      <BaseBox display=\"flex\" alignItems=\"center\" gap=\"spacing.3\">\n        <Text\n          color={\n            props.value && !isDisabled\n              ? 'interactive.text.gray.normal'\n              : 'surface.text.gray.disabled'\n          }\n          truncateAfterLines={1}\n          textAlign={props.textAlign}\n          size={$size}\n        >\n          {props.value ? props.value : props.placeholder}\n        </Text>\n        {valueSuffix}\n      </BaseBox>\n    </StyledBaseNativeButton>\n  ) : (\n    <StyledBaseNativeInput\n      // @ts-expect-error: TS doesnt understand that this will always be `input`\n      ref={ref}\n      name={name}\n      type={type === 'telephone' ? 'tel' : type}\n      required={isRequired}\n      maxLength={maxCharacters}\n      // In Tagged TextArea, tags take up their own space so we need to define height instead of relying on HTML rows\n      rows={props.isTextArea && props.isDropdownTrigger ? 1 : numberOfLines}\n      numberOfLines={numberOfLines}\n      inputMode={keyboardType === 'telephone' ? 'tel' : keyboardType}\n      onChange={(event: React.ChangeEvent<HTMLInputElement>): void =>\n        handleOnChange?.({ name, value: event })\n      }\n      onInput={(event: React.ChangeEvent<HTMLInputElement>) => {\n        handleOnInput?.({ name, value: event });\n      }}\n      onClick={(event) => {\n        if (props.isDropdownTrigger) {\n          // dropdown triggers have click event on outer container as well on web to handle outer padding clicks of input\n          // we don't want the clicks to be called twice in such cases so we stop propogation if this click has happened\n          event.stopPropagation();\n        }\n\n        handleOnClick?.({ name, value: event });\n      }}\n      autoCapitalize={autoCapitalize}\n      $size={$size}\n      valueComponentType={valueComponentType}\n      tabIndex={tabIndex}\n      color={color}\n      disabledColor={disabledColor}\n      isInsideCounterInput={isInsideCounterInput}\n      {...commonProps}\n      {...props}\n      {...accessibilityProps}\n    />\n  );\n};\n\nconst StyledBaseInput = assignWithoutSideEffects(React.forwardRef(_StyledBaseInput), {\n  displayName: 'StyledBaseInput',\n});\n\nexport { StyledBaseInput };\n"],"names":["getWebInputStyles","props","_objectSpread","getBaseInputStyles","isDisabled","disabled","theme","validationState","leadingIcon","prefix","trailingInteractionElement","leadingInteractionElement","suffix","trailingIcon","textAlign","isTextArea","hasTags","isDropdownTrigger","size","$size","padding","$padding","valueComponentType","isTableInputCell","hasLeadingDropdown","color","disabledColor","isInsideCounterInput","outline","border","caretColor","$caretColor","getIn","colors","undefined","getTextStyles","variant","weight","cursor","StyledBaseNativeInput","styled","input","withConfig","displayName","componentId","StyledBaseNativeButton","button","StyledBaseDivWrapper","div","autoCompleteSuggestionTypeMap","none","on","name","email","username","password","newPassword","oneTimeCode","telephone","postalCode","countryName","creditCardNumber","creditCardCSC","creditCardExpiry","creditCardExpiryMonth","creditCardExpiryYear","_StyledBaseInput","_ref","ref","isRequired","maxCharacters","handleOnFocus","handleOnChange","handleOnBlur","handleOnInput","handleOnKeyDown","handleOnClick","keyboardType","keyboardReturnKeyType","autoCompleteSuggestionType","accessibilityProps","setCurrentInteraction","numberOfLines","type","hasPopup","shouldIgnoreBlurAnimation","autoCapitalize","tabIndex","valueSuffix","children","_objectWithoutProperties","_excluded","commonProps","onBlur","event","value","onFocus","onKeyDown","key","code","enterKeyHint","autoComplete","as","_jsx","onClick","stopPropagation","_jsxs","BaseBox","display","alignItems","gap","Text","truncateAfterLines","placeholder","required","maxLength","rows","inputMode","onChange","onInput","StyledBaseInput","assignWithoutSideEffects","React","forwardRef"],"mappings":"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"}

package/build/lib/web/production/components/Input/BaseInput/baseInputStyles.js

@@ -1,12 +1,12 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { getBaseInputBorderStyles } from './getBaseInputBorderStyles.web.js';
-import { baseInputBorderlessBackgroundColor, baseInputBackgroundColor, baseInputBorderColor, baseInputBorderWidth, baseInputCounterInputPaddingTokens, baseInputPaddingTokens, baseInputHeight, baseInputWrapperMaxHeight } from './baseInputTokens.js';
+import { baseInputBorderlessBackgroundColor, baseInputBackgroundColor, baseInputBorderColor, baseInputBorderWidth, baseInputBorderRadius, baseInputCounterInputPaddingTokens, baseInputPaddingTokens, baseInputHeight, baseInputWrapperMaxHeight } from './baseInputTokens.js';
 import { getInputVisualsToBeRendered } from './BaseInputVisuals.js';
-import getTextStyles from '../../Typography/Text/getTextStyles.js';
-import '../../../utils/makeSpace/index.js';
 import '../../../utils/makeBorderSize/index.js';
 import '../../../utils/index.js';
 import getIn from '../../../utils/lodashButBetter/get.js';
+import getTextStyles from '../../Typography/Text/getTextStyles.js';
+import '../../../utils/makeSpace/index.js';
 import getHeadingStyles from '../../Typography/Heading/getHeadingStyles.js';
 import { makeBorderSize } from '../../../utils/makeBorderSize/makeBorderSize.js';
 import { getPlatformType } from '../../../utils/getPlatformType/getPlatformType.js';
@@ -36,7 +36,10 @@ var getInputBackgroundAndBorderStyles = function getInputBackgroundAndBorderStyl
     validationState = _ref2.validationState,
     isTextArea = _ref2.isTextArea,
     isDropdownTrigger = _ref2.isDropdownTrigger,
-    isTableInputCell = _ref2.isTableInputCell;
+    isTableInputCell = _ref2.isTableInputCell,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? 'medium' : _ref2$size,
+    borderRadius = _ref2.borderRadius;
   // normal state
   var backgroundColorTokens = isTableInputCell ? baseInputBorderlessBackgroundColor : baseInputBackgroundColor;
   var backgroundColor = getIn(theme.colors, backgroundColorTokens["default"]);
@@ -60,12 +63,12 @@ var getInputBackgroundAndBorderStyles = function getInputBackgroundAndBorderStyl
   }
   return _objectSpread({
     backgroundColor: backgroundColor,
-    borderRadius: makeBorderSize(isTableInputCell ? theme.border.radius.none : theme.border.radius.medium),
+    borderRadius: makeBorderSize(isTableInputCell ? theme.border.radius.none : theme.border.radius[borderRadius !== null && borderRadius !== void 0 ? borderRadius : baseInputBorderRadius[size]]),
     borderStyle: 'solid',
     display: 'flex',
     flexDirection: 'row',
     width: '100%',
-    alignItems: isTextArea ? 'flex-start' : undefined,
+    alignItems: isTextArea ? 'flex-start' : 'center',
     position: 'relative',
     height: isDropdownTrigger && !isTextArea ? 'auto' : undefined,
     border: 'none',
@@ -151,6 +154,7 @@ var getBaseInputStyles = function getBaseInputStyles(_ref7) {
     hasTags = _ref7.hasTags,
     isDropdownTrigger = _ref7.isDropdownTrigger,
     size = _ref7.size,
+    padding = _ref7.padding,
     valueComponentType = _ref7.valueComponentType,
     _ref7$hasLeadingDropd = _ref7.hasLeadingDropdown,
     hasLeadingDropdown = _ref7$hasLeadingDropd === void 0 ? false : _ref7$hasLeadingDropd,
@@ -178,7 +182,7 @@ var getBaseInputStyles = function getBaseInputStyles(_ref7) {
   return _objectSpread(_objectSpread({}, valueComponentType === 'heading' ? getHeadingStyles({
     size: size === 'xsmall' ? 'small' : size,
     weight: 'regular',
-    color: isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle',
+    color: isDisabled ? 'surface.text.gray.disabled' : 'interactive.text.gray.normal',
     theme: theme
   }) : getTextStyles({
     /**
@@ -187,23 +191,23 @@ var getBaseInputStyles = function getBaseInputStyles(_ref7) {
     size: isInsideCounterInput && size === 'xsmall' ? 'small' : size,
     variant: 'body',
     weight: isInsideCounterInput ? 'semibold' : 'regular',
-    color: isDisabled ? disabledColor !== null && disabledColor !== void 0 ? disabledColor : 'surface.text.gray.disabled' : color !== null && color !== void 0 ? color : 'surface.text.gray.subtle',
+    color: isDisabled ? disabledColor !== null && disabledColor !== void 0 ? disabledColor : 'surface.text.gray.disabled' : color !== null && color !== void 0 ? color : 'interactive.text.gray.normal',
     theme: theme
   })), {}, {
     // take the full available width of parent container for input field
     flex: 1,
     backgroundColor: theme.colors.transparent,
-    paddingTop: makeSpace(getTopPadding({
+    paddingTop: padding !== null && padding !== void 0 ? padding : makeSpace(getTopPadding({
       theme: theme,
       size: size,
       isInsideCounterInput: isInsideCounterInput
     })),
-    paddingBottom: makeSpace(getBottomPadding({
+    paddingBottom: padding !== null && padding !== void 0 ? padding : makeSpace(getBottomPadding({
       theme: theme,
       size: size,
       isInsideCounterInput: isInsideCounterInput
     })),
-    paddingLeft: makeSpace(getLeftPadding({
+    paddingLeft: padding !== null && padding !== void 0 ? padding : makeSpace(getLeftPadding({
       theme: theme,
       isDropdownTrigger: isDropdownTrigger,
       hasLeadingIcon: hasLeadingIcon,
@@ -212,7 +216,7 @@ var getBaseInputStyles = function getBaseInputStyles(_ref7) {
       hasLeadingDropdown: hasLeadingDropdown,
       isInsideCounterInput: isInsideCounterInput
     })),
-    paddingRight: getRightPadding({
+    paddingRight: padding !== null && padding !== void 0 ? padding : getRightPadding({
       theme: theme,
       hasTrailingInteractionElement: hasTrailingInteractionElement,
       hasSuffix: hasSuffix,
@@ -225,7 +229,8 @@ var getBaseInputStyles = function getBaseInputStyles(_ref7) {
     height: shouldHaveFlexibleHeight ? undefined : makeSpace(baseInputHeight[size]),
     minHeight: shouldHaveFlexibleHeight ? undefined : makeSpace(baseInputHeight[size])
   }, isReactNative ? {} : {
-    resize: 'none'
+    resize: 'none',
+    boxSizing: 'border-box'
   });
 };
 var getAnimatedBaseInputWrapperMaxHeight = function getAnimatedBaseInputWrapperMaxHeight(_ref8) {

package/build/lib/web/production/components/Input/BaseInput/baseInputStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"baseInputStyles.js","sources":["../../../../../../../src/components/Input/BaseInput/baseInputStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { BaseInputProps } from './BaseInput';\nimport { getBaseInputBorderStyles } from './getBaseInputBorderStyles';\nimport {\n  baseInputBackgroundColor,\n  baseInputBorderColor,\n  baseInputBorderWidth,\n  baseInputBorderlessBackgroundColor,\n  baseInputCounterInputPaddingTokens,\n  baseInputHeight,\n  baseInputPaddingTokens,\n  baseInputWrapperMaxHeight,\n} from './baseInputTokens';\nimport { getInputVisualsToBeRendered } from './BaseInputVisuals';\nimport type { BaseInputWrapperProps } from './types';\nimport type { Theme } from '~components/BladeProvider';\nimport getTextStyles from '~components/Typography/Text/getTextStyles';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport { getPlatformType } from '~utils';\nimport getIn from '~utils/lodashButBetter/get';\nimport getHeadingStyles from '~components/Typography/Heading/getHeadingStyles';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\n\ntype GetInputStyles = Pick<\n  BaseInputProps,\n  | 'isDisabled'\n  | 'validationState'\n  | 'leadingIcon'\n  | 'prefix'\n  | 'trailingInteractionElement'\n  | 'leadingInteractionElement'\n  | 'suffix'\n  | 'trailingIcon'\n  | 'textAlign'\n  | 'isDropdownTrigger'\n  | 'valueComponentType'\n> & {\n  isHovered?: boolean;\n  isFocused?: boolean;\n  isTextArea?: boolean;\n  hasTags?: boolean;\n  theme: Theme;\n  size: NonNullable<BaseInputProps['size']>;\n  isTableInputCell: NonNullable<BaseInputProps['isTableInputCell']>;\n  hasLeadingDropdown?: boolean;\n  color?: BaseTextProps['color'];\n  disabledColor?: BaseTextProps['color'];\n  isInsideCounterInput?: boolean;\n};\n\nexport const getBaseInputState = ({\n  isFocused,\n  isHovered,\n  isDisabled,\n}: {\n  isFocused?: boolean;\n  isHovered?: boolean;\n  isDisabled?: boolean;\n}): 'focused' | 'hovered' | 'disabled' | 'default' => {\n  if (isDisabled) {\n    return 'disabled';\n  } else if (isFocused) {\n    return 'focused';\n  } else if (isHovered) {\n    return 'hovered';\n  } else {\n    return 'default';\n  }\n};\n\nexport const getInputBackgroundAndBorderStyles = ({\n  theme,\n  isHovered,\n  isFocused,\n  isDisabled,\n  validationState,\n  isTextArea,\n  isDropdownTrigger,\n  isTableInputCell,\n}: Pick<\n  GetInputStyles,\n  | 'theme'\n  | 'isFocused'\n  | 'isDisabled'\n  | 'validationState'\n  | 'isHovered'\n  | 'isTextArea'\n  | 'isDropdownTrigger'\n  | 'isTableInputCell'\n>): CSSObject => {\n  // normal state\n  const backgroundColorTokens = isTableInputCell\n    ? baseInputBorderlessBackgroundColor\n    : baseInputBackgroundColor;\n  let backgroundColor = getIn(theme.colors, backgroundColorTokens.default);\n  let borderColor = isTableInputCell\n    ? theme.colors.transparent\n    : getIn(theme.colors, baseInputBorderColor.default);\n  let borderWidth = getIn(theme.border.width, baseInputBorderWidth.default);\n  let zIndex: number | undefined;\n\n  const baseInputState = getBaseInputState({ isFocused, isHovered, isDisabled });\n\n  backgroundColor = getIn(theme.colors, backgroundColorTokens[baseInputState]);\n  borderColor =\n    isTableInputCell && baseInputState !== 'focused'\n      ? theme.colors.transparent\n      : getIn(theme.colors, baseInputBorderColor[baseInputState]);\n  borderWidth = getIn(theme.border.width, baseInputBorderWidth[baseInputState]);\n\n  if (!isTableInputCell && validationState && validationState !== 'none') {\n    borderColor = getIn(theme.colors, baseInputBorderColor[validationState]);\n    borderWidth = getIn(theme.border.width, baseInputBorderWidth[validationState]);\n    zIndex = 1; // Prevent validation ring clipping by adjacent inputs in InputGroup\n  } else if (validationState && validationState !== 'none') {\n    backgroundColor = getIn(theme.colors, baseInputBorderlessBackgroundColor[validationState]);\n  }\n  return {\n    backgroundColor,\n    borderRadius: makeBorderSize(\n      isTableInputCell ? theme.border.radius.none : theme.border.radius.medium,\n    ),\n    borderStyle: 'solid',\n    display: 'flex',\n    flexDirection: 'row',\n    width: '100%',\n    alignItems: isTextArea ? 'flex-start' : undefined,\n    position: 'relative',\n    height: isDropdownTrigger && !isTextArea ? 'auto' : undefined,\n    border: 'none',\n    zIndex,\n    ...getBaseInputBorderStyles({ theme, borderColor, borderWidth, isFocused }),\n  };\n};\n\nconst getLeftPadding = ({\n  theme,\n  isDropdownTrigger,\n  hasLeadingIcon,\n  hasPrefix,\n  size,\n  hasLeadingDropdown,\n  isInsideCounterInput,\n}: {\n  theme: Theme;\n  hasLeadingIcon: boolean;\n  hasPrefix: boolean;\n  isDropdownTrigger: GetInputStyles['isDropdownTrigger'];\n  size: GetInputStyles['size'];\n  hasLeadingDropdown: boolean;\n  isInsideCounterInput?: boolean;\n}): number => {\n  if (isDropdownTrigger) {\n    return theme.spacing[0];\n  }\n\n  if (hasLeadingIcon || hasPrefix || hasLeadingDropdown) {\n    return theme.spacing[3];\n  }\n\n  /**\n   * CounterInput uses tighter padding (4px vs 8-12px) for compact design\n   */\n  if (isInsideCounterInput) {\n    return theme.spacing[baseInputCounterInputPaddingTokens.left[size]];\n  }\n\n  return theme.spacing[baseInputPaddingTokens.left[size]];\n};\n\nconst getRightPadding = ({\n  theme,\n  hasTrailingInteractionElement,\n  hasSuffix,\n  hasTrailingIcon,\n  size,\n  isInsideCounterInput,\n}: {\n  theme: Theme;\n  hasTrailingInteractionElement: boolean;\n  hasSuffix: boolean;\n  hasTrailingIcon: boolean;\n  size: GetInputStyles['size'];\n  isInsideCounterInput?: boolean;\n}): number => {\n  if (hasTrailingInteractionElement || hasSuffix || hasTrailingIcon) {\n    return theme.spacing[3];\n  }\n\n  // CounterInput uses compact padding\n  if (isInsideCounterInput) {\n    return theme.spacing[baseInputCounterInputPaddingTokens.right[size]];\n  }\n  return theme.spacing[baseInputPaddingTokens.right[size]];\n};\n\nconst getTopPadding = ({\n  theme,\n  size,\n  isInsideCounterInput,\n}: {\n  theme: Theme;\n  size: GetInputStyles['size'];\n  isInsideCounterInput?: boolean;\n}): number => {\n  // CounterInput uses compact padding\n  if (isInsideCounterInput) {\n    return theme.spacing[baseInputCounterInputPaddingTokens.top[size]];\n  }\n  return theme.spacing[baseInputPaddingTokens.top[size]];\n};\n\nconst getBottomPadding = ({\n  theme,\n  size,\n  isInsideCounterInput,\n}: {\n  theme: Theme;\n  size: GetInputStyles['size'];\n  isInsideCounterInput?: boolean;\n}): number => {\n  // CounterInput uses compact padding\n  if (isInsideCounterInput) {\n    return theme.spacing[baseInputCounterInputPaddingTokens.top[size]];\n  }\n  return theme.spacing[baseInputPaddingTokens.bottom[size]];\n};\n\nexport const getBaseInputStyles = ({\n  theme,\n  isDisabled,\n  leadingIcon,\n  prefix,\n  trailingInteractionElement,\n  leadingInteractionElement,\n  suffix,\n  trailingIcon,\n  textAlign,\n  isTextArea,\n  hasTags,\n  isDropdownTrigger,\n  size,\n  valueComponentType,\n  hasLeadingDropdown = false,\n  color,\n  disabledColor,\n  isInsideCounterInput,\n}: GetInputStyles): CSSObject => {\n  const {\n    hasLeadingIcon,\n    hasPrefix,\n    hasTrailingInteractionElement,\n    hasSuffix,\n    hasTrailingIcon,\n  } = getInputVisualsToBeRendered({\n    leadingIcon,\n    prefix,\n    trailingInteractionElement,\n    leadingInteractionElement,\n    suffix,\n    trailingIcon,\n    size,\n  });\n\n  const isDropdownWithTags = isDropdownTrigger && hasTags;\n  const isReactNative = getPlatformType() === 'react-native';\n  // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n  const shouldHaveFlexibleHeight = isTextArea || isDropdownWithTags;\n\n  return {\n    ...(valueComponentType === 'heading'\n      ? getHeadingStyles({\n          size: size === 'xsmall' ? 'small' : size,\n          weight: 'regular',\n          color: isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.subtle',\n          theme,\n        })\n      : getTextStyles({\n          /**\n           * CounterInput: uses 'small' size for xsmall and 'semibold' weight for prominence\n           */\n          size: isInsideCounterInput && size === 'xsmall' ? 'small' : size,\n          variant: 'body',\n          weight: isInsideCounterInput ? 'semibold' : 'regular',\n          color: isDisabled\n            ? disabledColor ?? 'surface.text.gray.disabled'\n            : color ?? 'surface.text.gray.subtle',\n          theme,\n        })),\n\n    // take the full available width of parent container for input field\n    flex: 1,\n    backgroundColor: theme.colors.transparent,\n\n    paddingTop: makeSpace(getTopPadding({ theme, size, isInsideCounterInput })),\n    paddingBottom: makeSpace(getBottomPadding({ theme, size, isInsideCounterInput })),\n    paddingLeft: makeSpace(\n      getLeftPadding({\n        theme,\n        isDropdownTrigger,\n        hasLeadingIcon,\n        hasPrefix,\n        size,\n        hasLeadingDropdown,\n        isInsideCounterInput,\n      }),\n    ),\n    paddingRight: getRightPadding({\n      theme,\n      hasTrailingInteractionElement,\n      hasSuffix,\n      hasTrailingIcon,\n      size,\n      isInsideCounterInput,\n    }),\n\n    textAlign,\n    width: '100%',\n    height: shouldHaveFlexibleHeight ? undefined : makeSpace(baseInputHeight[size]),\n    minHeight: shouldHaveFlexibleHeight ? undefined : makeSpace(baseInputHeight[size]),\n    ...(isReactNative ? {} : { resize: 'none' }),\n  };\n};\n\nexport const getAnimatedBaseInputWrapperMaxHeight = ({\n  maxTagRows,\n  showAllTags,\n  size,\n}: Pick<BaseInputWrapperProps, 'maxTagRows' | 'showAllTags' | 'size'>): number => {\n  if (maxTagRows === 'single') {\n    return baseInputHeight[size];\n  }\n\n  if (maxTagRows === 'multiple') {\n    return baseInputWrapperMaxHeight[size];\n  }\n\n  // In expandable, max-height depends on the state\n  return showAllTags ? baseInputWrapperMaxHeight[size] : baseInputHeight[size];\n};\n"],"names":["getBaseInputState","_ref","isFocused","isHovered","isDisabled","getInputBackgroundAndBorderStyles","_ref2","theme","validationState","isTextArea","isDropdownTrigger","isTableInputCell","backgroundColorTokens","baseInputBorderlessBackgroundColor","baseInputBackgroundColor","backgroundColor","getIn","colors","borderColor","transparent","baseInputBorderColor","borderWidth","border","width","baseInputBorderWidth","zIndex","baseInputState","_objectSpread","borderRadius","makeBorderSize","radius","none","medium","borderStyle","display","flexDirection","alignItems","undefined","position","height","getBaseInputBorderStyles","getLeftPadding","_ref3","hasLeadingIcon","hasPrefix","size","hasLeadingDropdown","isInsideCounterInput","spacing","baseInputCounterInputPaddingTokens","left","baseInputPaddingTokens","getRightPadding","_ref4","hasTrailingInteractionElement","hasSuffix","hasTrailingIcon","right","getTopPadding","_ref5","top","getBottomPadding","_ref6","bottom","getBaseInputStyles","_ref7","leadingIcon","prefix","trailingInteractionElement","leadingInteractionElement","suffix","trailingIcon","textAlign","hasTags","valueComponentType","_ref7$hasLeadingDropd","color","disabledColor","_getInputVisualsToBeR","getInputVisualsToBeRendered","isDropdownWithTags","isReactNative","getPlatformType","shouldHaveFlexibleHeight","getHeadingStyles","weight","getTextStyles","variant","flex","paddingTop","makeSpace","paddingBottom","paddingLeft","paddingRight","baseInputHeight","minHeight","resize","getAnimatedBaseInputWrapperMaxHeight","_ref8","maxTagRows","showAllTags","baseInputWrapperMaxHeight"],"mappings":";;;;;;;;;;;;;;;;IAmDaA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAQwB;AAAA,EAAA,IAPpDC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,UAAU,GAAAH,IAAA,CAAVG,UAAU,CAAA;AAMV,EAAA,IAAIA,UAAU,EAAE;AACd,IAAA,OAAO,UAAU,CAAA;GAClB,MAAM,IAAIF,SAAS,EAAE;AACpB,IAAA,OAAO,SAAS,CAAA;GACjB,MAAM,IAAIC,SAAS,EAAE;AACpB,IAAA,OAAO,SAAS,CAAA;AAClB,GAAC,MAAM;AACL,IAAA,OAAO,SAAS,CAAA;AAClB,GAAA;AACF,EAAC;IAEYE,iCAAiC,GAAG,SAApCA,iCAAiCA,CAAAC,KAAA,EAmB7B;AAAA,EAAA,IAlBfC,KAAK,GAAAD,KAAA,CAALC,KAAK;IACLJ,SAAS,GAAAG,KAAA,CAATH,SAAS;IACTD,SAAS,GAAAI,KAAA,CAATJ,SAAS;IACTE,UAAU,GAAAE,KAAA,CAAVF,UAAU;IACVI,eAAe,GAAAF,KAAA,CAAfE,eAAe;IACfC,UAAU,GAAAH,KAAA,CAAVG,UAAU;IACVC,iBAAiB,GAAAJ,KAAA,CAAjBI,iBAAiB;IACjBC,gBAAgB,GAAAL,KAAA,CAAhBK,gBAAgB,CAAA;AAYhB;AACA,EAAA,IAAMC,qBAAqB,GAAGD,gBAAgB,GAC1CE,kCAAkC,GAClCC,wBAAwB,CAAA;EAC5B,IAAIC,eAAe,GAAGC,KAAK,CAACT,KAAK,CAACU,MAAM,EAAEL,qBAAqB,CAAA,SAAA,CAAQ,CAAC,CAAA;AACxE,EAAA,IAAIM,WAAW,GAAGP,gBAAgB,GAC9BJ,KAAK,CAACU,MAAM,CAACE,WAAW,GACxBH,KAAK,CAACT,KAAK,CAACU,MAAM,EAAEG,oBAAoB,WAAQ,CAAC,CAAA;AACrD,EAAA,IAAIC,WAAW,GAAGL,KAAK,CAACT,KAAK,CAACe,MAAM,CAACC,KAAK,EAAEC,oBAAoB,CAAA,SAAA,CAAQ,CAAC,CAAA;AACzE,EAAA,IAAIC,MAA0B,CAAA;EAE9B,IAAMC,cAAc,GAAG1B,iBAAiB,CAAC;AAAEE,IAAAA,SAAS,EAATA,SAAS;AAAEC,IAAAA,SAAS,EAATA,SAAS;AAAEC,IAAAA,UAAU,EAAVA,UAAAA;AAAW,GAAC,CAAC,CAAA;EAE9EW,eAAe,GAAGC,KAAK,CAACT,KAAK,CAACU,MAAM,EAAEL,qBAAqB,CAACc,cAAc,CAAC,CAAC,CAAA;EAC5ER,WAAW,GACTP,gBAAgB,IAAIe,cAAc,KAAK,SAAS,GAC5CnB,KAAK,CAACU,MAAM,CAACE,WAAW,GACxBH,KAAK,CAACT,KAAK,CAACU,MAAM,EAAEG,oBAAoB,CAACM,cAAc,CAAC,CAAC,CAAA;AAC/DL,EAAAA,WAAW,GAAGL,KAAK,CAACT,KAAK,CAACe,MAAM,CAACC,KAAK,EAAEC,oBAAoB,CAACE,cAAc,CAAC,CAAC,CAAA;EAE7E,IAAI,CAACf,gBAAgB,IAAIH,eAAe,IAAIA,eAAe,KAAK,MAAM,EAAE;IACtEU,WAAW,GAAGF,KAAK,CAACT,KAAK,CAACU,MAAM,EAAEG,oBAAoB,CAACZ,eAAe,CAAC,CAAC,CAAA;AACxEa,IAAAA,WAAW,GAAGL,KAAK,CAACT,KAAK,CAACe,MAAM,CAACC,KAAK,EAAEC,oBAAoB,CAAChB,eAAe,CAAC,CAAC,CAAA;IAC9EiB,MAAM,GAAG,CAAC,CAAC;AACb,GAAC,MAAM,IAAIjB,eAAe,IAAIA,eAAe,KAAK,MAAM,EAAE;IACxDO,eAAe,GAAGC,KAAK,CAACT,KAAK,CAACU,MAAM,EAAEJ,kCAAkC,CAACL,eAAe,CAAC,CAAC,CAAA;AAC5F,GAAA;AACA,EAAA,OAAAmB,aAAA,CAAA;AACEZ,IAAAA,eAAe,EAAfA,eAAe;IACfa,YAAY,EAAEC,cAAc,CAC1BlB,gBAAgB,GAAGJ,KAAK,CAACe,MAAM,CAACQ,MAAM,CAACC,IAAI,GAAGxB,KAAK,CAACe,MAAM,CAACQ,MAAM,CAACE,MACpE,CAAC;AACDC,IAAAA,WAAW,EAAE,OAAO;AACpBC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,aAAa,EAAE,KAAK;AACpBZ,IAAAA,KAAK,EAAE,MAAM;AACba,IAAAA,UAAU,EAAE3B,UAAU,GAAG,YAAY,GAAG4B,SAAS;AACjDC,IAAAA,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE7B,iBAAiB,IAAI,CAACD,UAAU,GAAG,MAAM,GAAG4B,SAAS;AAC7Df,IAAAA,MAAM,EAAE,MAAM;AACdG,IAAAA,MAAM,EAANA,MAAAA;AAAM,GAAA,EACHe,wBAAwB,CAAC;AAAEjC,IAAAA,KAAK,EAALA,KAAK;AAAEW,IAAAA,WAAW,EAAXA,WAAW;AAAEG,IAAAA,WAAW,EAAXA,WAAW;AAAEnB,IAAAA,SAAS,EAATA,SAAAA;AAAU,GAAC,CAAC,CAAA,CAAA;AAE/E,EAAC;AAED,IAAMuC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,KAAA,EAgBN;AAAA,EAAA,IAfZnC,KAAK,GAAAmC,KAAA,CAALnC,KAAK;IACLG,iBAAiB,GAAAgC,KAAA,CAAjBhC,iBAAiB;IACjBiC,cAAc,GAAAD,KAAA,CAAdC,cAAc;IACdC,SAAS,GAAAF,KAAA,CAATE,SAAS;IACTC,IAAI,GAAAH,KAAA,CAAJG,IAAI;IACJC,kBAAkB,GAAAJ,KAAA,CAAlBI,kBAAkB;IAClBC,oBAAoB,GAAAL,KAAA,CAApBK,oBAAoB,CAAA;AAUpB,EAAA,IAAIrC,iBAAiB,EAAE;AACrB,IAAA,OAAOH,KAAK,CAACyC,OAAO,CAAC,CAAC,CAAC,CAAA;AACzB,GAAA;AAEA,EAAA,IAAIL,cAAc,IAAIC,SAAS,IAAIE,kBAAkB,EAAE;AACrD,IAAA,OAAOvC,KAAK,CAACyC,OAAO,CAAC,CAAC,CAAC,CAAA;AACzB,GAAA;;AAEA;AACF;AACA;AACE,EAAA,IAAID,oBAAoB,EAAE;IACxB,OAAOxC,KAAK,CAACyC,OAAO,CAACC,kCAAkC,CAACC,IAAI,CAACL,IAAI,CAAC,CAAC,CAAA;AACrE,GAAA;EAEA,OAAOtC,KAAK,CAACyC,OAAO,CAACG,sBAAsB,CAACD,IAAI,CAACL,IAAI,CAAC,CAAC,CAAA;AACzD,CAAC,CAAA;AAED,IAAMO,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,KAAA,EAcP;AAAA,EAAA,IAbZ9C,KAAK,GAAA8C,KAAA,CAAL9C,KAAK;IACL+C,6BAA6B,GAAAD,KAAA,CAA7BC,6BAA6B;IAC7BC,SAAS,GAAAF,KAAA,CAATE,SAAS;IACTC,eAAe,GAAAH,KAAA,CAAfG,eAAe;IACfX,IAAI,GAAAQ,KAAA,CAAJR,IAAI;IACJE,oBAAoB,GAAAM,KAAA,CAApBN,oBAAoB,CAAA;AASpB,EAAA,IAAIO,6BAA6B,IAAIC,SAAS,IAAIC,eAAe,EAAE;AACjE,IAAA,OAAOjD,KAAK,CAACyC,OAAO,CAAC,CAAC,CAAC,CAAA;AACzB,GAAA;;AAEA;AACA,EAAA,IAAID,oBAAoB,EAAE;IACxB,OAAOxC,KAAK,CAACyC,OAAO,CAACC,kCAAkC,CAACQ,KAAK,CAACZ,IAAI,CAAC,CAAC,CAAA;AACtE,GAAA;EACA,OAAOtC,KAAK,CAACyC,OAAO,CAACG,sBAAsB,CAACM,KAAK,CAACZ,IAAI,CAAC,CAAC,CAAA;AAC1D,CAAC,CAAA;AAED,IAAMa,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,KAAA,EAQL;AAAA,EAAA,IAPZpD,KAAK,GAAAoD,KAAA,CAALpD,KAAK;IACLsC,IAAI,GAAAc,KAAA,CAAJd,IAAI;IACJE,oBAAoB,GAAAY,KAAA,CAApBZ,oBAAoB,CAAA;AAMpB;AACA,EAAA,IAAIA,oBAAoB,EAAE;IACxB,OAAOxC,KAAK,CAACyC,OAAO,CAACC,kCAAkC,CAACW,GAAG,CAACf,IAAI,CAAC,CAAC,CAAA;AACpE,GAAA;EACA,OAAOtC,KAAK,CAACyC,OAAO,CAACG,sBAAsB,CAACS,GAAG,CAACf,IAAI,CAAC,CAAC,CAAA;AACxD,CAAC,CAAA;AAED,IAAMgB,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,KAAA,EAQR;AAAA,EAAA,IAPZvD,KAAK,GAAAuD,KAAA,CAALvD,KAAK;IACLsC,IAAI,GAAAiB,KAAA,CAAJjB,IAAI;IACJE,oBAAoB,GAAAe,KAAA,CAApBf,oBAAoB,CAAA;AAMpB;AACA,EAAA,IAAIA,oBAAoB,EAAE;IACxB,OAAOxC,KAAK,CAACyC,OAAO,CAACC,kCAAkC,CAACW,GAAG,CAACf,IAAI,CAAC,CAAC,CAAA;AACpE,GAAA;EACA,OAAOtC,KAAK,CAACyC,OAAO,CAACG,sBAAsB,CAACY,MAAM,CAAClB,IAAI,CAAC,CAAC,CAAA;AAC3D,CAAC,CAAA;IAEYmB,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,KAAA,EAmBE;AAAA,EAAA,IAlB/B1D,KAAK,GAAA0D,KAAA,CAAL1D,KAAK;IACLH,UAAU,GAAA6D,KAAA,CAAV7D,UAAU;IACV8D,WAAW,GAAAD,KAAA,CAAXC,WAAW;IACXC,MAAM,GAAAF,KAAA,CAANE,MAAM;IACNC,0BAA0B,GAAAH,KAAA,CAA1BG,0BAA0B;IAC1BC,yBAAyB,GAAAJ,KAAA,CAAzBI,yBAAyB;IACzBC,MAAM,GAAAL,KAAA,CAANK,MAAM;IACNC,YAAY,GAAAN,KAAA,CAAZM,YAAY;IACZC,SAAS,GAAAP,KAAA,CAATO,SAAS;IACT/D,UAAU,GAAAwD,KAAA,CAAVxD,UAAU;IACVgE,OAAO,GAAAR,KAAA,CAAPQ,OAAO;IACP/D,iBAAiB,GAAAuD,KAAA,CAAjBvD,iBAAiB;IACjBmC,IAAI,GAAAoB,KAAA,CAAJpB,IAAI;IACJ6B,kBAAkB,GAAAT,KAAA,CAAlBS,kBAAkB;IAAAC,qBAAA,GAAAV,KAAA,CAClBnB,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAA6B,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;IAC1BC,KAAK,GAAAX,KAAA,CAALW,KAAK;IACLC,aAAa,GAAAZ,KAAA,CAAbY,aAAa;IACb9B,oBAAoB,GAAAkB,KAAA,CAApBlB,oBAAoB,CAAA;EAEpB,IAAA+B,qBAAA,GAMIC,2BAA2B,CAAC;AAC9Bb,MAAAA,WAAW,EAAXA,WAAW;AACXC,MAAAA,MAAM,EAANA,MAAM;AACNC,MAAAA,0BAA0B,EAA1BA,0BAA0B;AAC1BC,MAAAA,yBAAyB,EAAzBA,yBAAyB;AACzBC,MAAAA,MAAM,EAANA,MAAM;AACNC,MAAAA,YAAY,EAAZA,YAAY;AACZ1B,MAAAA,IAAI,EAAJA,IAAAA;AACF,KAAC,CAAC;IAbAF,cAAc,GAAAmC,qBAAA,CAAdnC,cAAc;IACdC,SAAS,GAAAkC,qBAAA,CAATlC,SAAS;IACTU,6BAA6B,GAAAwB,qBAAA,CAA7BxB,6BAA6B;IAC7BC,SAAS,GAAAuB,qBAAA,CAATvB,SAAS;IACTC,eAAe,GAAAsB,qBAAA,CAAftB,eAAe,CAAA;AAWjB,EAAA,IAAMwB,kBAAkB,GAAGtE,iBAAiB,IAAI+D,OAAO,CAAA;AACvD,EAAA,IAAMQ,aAAa,GAAGC,eAAe,EAAE,KAAK,cAAc,CAAA;AAC1D;AACA,EAAA,IAAMC,wBAAwB,GAAG1E,UAAU,IAAIuE,kBAAkB,CAAA;EAEjE,OAAArD,aAAA,CAAAA,aAAA,CAAA,EAAA,EACM+C,kBAAkB,KAAK,SAAS,GAChCU,gBAAgB,CAAC;AACfvC,IAAAA,IAAI,EAAEA,IAAI,KAAK,QAAQ,GAAG,OAAO,GAAGA,IAAI;AACxCwC,IAAAA,MAAM,EAAE,SAAS;AACjBT,IAAAA,KAAK,EAAExE,UAAU,GAAG,4BAA4B,GAAG,0BAA0B;AAC7EG,IAAAA,KAAK,EAALA,KAAAA;GACD,CAAC,GACF+E,aAAa,CAAC;AACZ;AACV;AACA;IACUzC,IAAI,EAAEE,oBAAoB,IAAIF,IAAI,KAAK,QAAQ,GAAG,OAAO,GAAGA,IAAI;AAChE0C,IAAAA,OAAO,EAAE,MAAM;AACfF,IAAAA,MAAM,EAAEtC,oBAAoB,GAAG,UAAU,GAAG,SAAS;AACrD6B,IAAAA,KAAK,EAAExE,UAAU,GACbyE,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAbA,KAAAA,CAAAA,GAAAA,aAAa,GAAI,4BAA4B,GAC7CD,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAK,GAAI,0BAA0B;AACvCrE,IAAAA,KAAK,EAALA,KAAAA;AACF,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AAEN;AACAiF,IAAAA,IAAI,EAAE,CAAC;AACPzE,IAAAA,eAAe,EAAER,KAAK,CAACU,MAAM,CAACE,WAAW;AAEzCsE,IAAAA,UAAU,EAAEC,SAAS,CAAChC,aAAa,CAAC;AAAEnD,MAAAA,KAAK,EAALA,KAAK;AAAEsC,MAAAA,IAAI,EAAJA,IAAI;AAAEE,MAAAA,oBAAoB,EAApBA,oBAAAA;AAAqB,KAAC,CAAC,CAAC;AAC3E4C,IAAAA,aAAa,EAAED,SAAS,CAAC7B,gBAAgB,CAAC;AAAEtD,MAAAA,KAAK,EAALA,KAAK;AAAEsC,MAAAA,IAAI,EAAJA,IAAI;AAAEE,MAAAA,oBAAoB,EAApBA,oBAAAA;AAAqB,KAAC,CAAC,CAAC;AACjF6C,IAAAA,WAAW,EAAEF,SAAS,CACpBjD,cAAc,CAAC;AACblC,MAAAA,KAAK,EAALA,KAAK;AACLG,MAAAA,iBAAiB,EAAjBA,iBAAiB;AACjBiC,MAAAA,cAAc,EAAdA,cAAc;AACdC,MAAAA,SAAS,EAATA,SAAS;AACTC,MAAAA,IAAI,EAAJA,IAAI;AACJC,MAAAA,kBAAkB,EAAlBA,kBAAkB;AAClBC,MAAAA,oBAAoB,EAApBA,oBAAAA;AACF,KAAC,CACH,CAAC;IACD8C,YAAY,EAAEzC,eAAe,CAAC;AAC5B7C,MAAAA,KAAK,EAALA,KAAK;AACL+C,MAAAA,6BAA6B,EAA7BA,6BAA6B;AAC7BC,MAAAA,SAAS,EAATA,SAAS;AACTC,MAAAA,eAAe,EAAfA,eAAe;AACfX,MAAAA,IAAI,EAAJA,IAAI;AACJE,MAAAA,oBAAoB,EAApBA,oBAAAA;AACF,KAAC,CAAC;AAEFyB,IAAAA,SAAS,EAATA,SAAS;AACTjD,IAAAA,KAAK,EAAE,MAAM;IACbgB,MAAM,EAAE4C,wBAAwB,GAAG9C,SAAS,GAAGqD,SAAS,CAACI,eAAe,CAACjD,IAAI,CAAC,CAAC;IAC/EkD,SAAS,EAAEZ,wBAAwB,GAAG9C,SAAS,GAAGqD,SAAS,CAACI,eAAe,CAACjD,IAAI,CAAC,CAAA;AAAC,GAAA,EAC9EoC,aAAa,GAAG,EAAE,GAAG;AAAEe,IAAAA,MAAM,EAAE,MAAA;GAAQ,CAAA,CAAA;AAE/C,EAAC;IAEYC,oCAAoC,GAAG,SAAvCA,oCAAoCA,CAAAC,KAAA,EAIiC;AAAA,EAAA,IAHhFC,UAAU,GAAAD,KAAA,CAAVC,UAAU;IACVC,WAAW,GAAAF,KAAA,CAAXE,WAAW;IACXvD,IAAI,GAAAqD,KAAA,CAAJrD,IAAI,CAAA;EAEJ,IAAIsD,UAAU,KAAK,QAAQ,EAAE;IAC3B,OAAOL,eAAe,CAACjD,IAAI,CAAC,CAAA;AAC9B,GAAA;EAEA,IAAIsD,UAAU,KAAK,UAAU,EAAE;IAC7B,OAAOE,yBAAyB,CAACxD,IAAI,CAAC,CAAA;AACxC,GAAA;;AAEA;EACA,OAAOuD,WAAW,GAAGC,yBAAyB,CAACxD,IAAI,CAAC,GAAGiD,eAAe,CAACjD,IAAI,CAAC,CAAA;AAC9E;;;;"}
+{"version":3,"file":"baseInputStyles.js","sources":["../../../../../../../src/components/Input/BaseInput/baseInputStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { BaseInputProps } from './BaseInput';\nimport { getBaseInputBorderStyles } from './getBaseInputBorderStyles';\nimport {\n  baseInputBackgroundColor,\n  baseInputBorderColor,\n  baseInputBorderRadius,\n  baseInputBorderWidth,\n  baseInputBorderlessBackgroundColor,\n  baseInputCounterInputPaddingTokens,\n  baseInputHeight,\n  baseInputPaddingTokens,\n  baseInputWrapperMaxHeight,\n} from './baseInputTokens';\nimport { getInputVisualsToBeRendered } from './BaseInputVisuals';\nimport type { BaseInputWrapperProps } from './types';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport { getPlatformType } from '~utils';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport getTextStyles from '~components/Typography/Text/getTextStyles';\nimport { makeSpace } from '~utils/makeSpace';\nimport getHeadingStyles from '~components/Typography/Heading/getHeadingStyles';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\n\ntype GetInputStyles = Pick<\n  BaseInputProps,\n  | 'isDisabled'\n  | 'validationState'\n  | 'leadingIcon'\n  | 'prefix'\n  | 'trailingInteractionElement'\n  | 'leadingInteractionElement'\n  | 'suffix'\n  | 'trailingIcon'\n  | 'textAlign'\n  | 'isDropdownTrigger'\n  | 'valueComponentType'\n> & {\n  isHovered?: boolean;\n  isFocused?: boolean;\n  isTextArea?: boolean;\n  hasTags?: boolean;\n  theme: Theme;\n  size: NonNullable<BaseInputProps['size']>;\n  padding?: BaseInputProps['padding'];\n  borderRadius?: BaseInputProps['borderRadius'];\n  isTableInputCell: NonNullable<BaseInputProps['isTableInputCell']>;\n  hasLeadingDropdown?: boolean;\n  color?: BaseTextProps['color'];\n  disabledColor?: BaseTextProps['color'];\n  isInsideCounterInput?: boolean;\n};\n\nexport const getBaseInputState = ({\n  isFocused,\n  isHovered,\n  isDisabled,\n}: {\n  isFocused?: boolean;\n  isHovered?: boolean;\n  isDisabled?: boolean;\n}): 'focused' | 'hovered' | 'disabled' | 'default' => {\n  if (isDisabled) {\n    return 'disabled';\n  } else if (isFocused) {\n    return 'focused';\n  } else if (isHovered) {\n    return 'hovered';\n  } else {\n    return 'default';\n  }\n};\n\nexport const getInputBackgroundAndBorderStyles = ({\n  theme,\n  isHovered,\n  isFocused,\n  isDisabled,\n  validationState,\n  isTextArea,\n  isDropdownTrigger,\n  isTableInputCell,\n  size = 'medium',\n  borderRadius,\n}: Pick<\n  GetInputStyles,\n  | 'theme'\n  | 'isFocused'\n  | 'isDisabled'\n  | 'validationState'\n  | 'isHovered'\n  | 'isTextArea'\n  | 'isDropdownTrigger'\n  | 'isTableInputCell'\n  | 'size'\n  | 'borderRadius'\n>): CSSObject => {\n  // normal state\n  const backgroundColorTokens = isTableInputCell\n    ? baseInputBorderlessBackgroundColor\n    : baseInputBackgroundColor;\n  let backgroundColor = getIn(theme.colors, backgroundColorTokens.default);\n  let borderColor = isTableInputCell\n    ? theme.colors.transparent\n    : getIn(theme.colors, baseInputBorderColor.default);\n  let borderWidth = getIn(theme.border.width, baseInputBorderWidth.default);\n  let zIndex: number | undefined;\n\n  const baseInputState = getBaseInputState({ isFocused, isHovered, isDisabled });\n\n  backgroundColor = getIn(theme.colors, backgroundColorTokens[baseInputState]);\n  borderColor =\n    isTableInputCell && baseInputState !== 'focused'\n      ? theme.colors.transparent\n      : getIn(theme.colors, baseInputBorderColor[baseInputState]);\n  borderWidth = getIn(theme.border.width, baseInputBorderWidth[baseInputState]);\n\n  if (!isTableInputCell && validationState && validationState !== 'none') {\n    borderColor = getIn(theme.colors, baseInputBorderColor[validationState]);\n    borderWidth = getIn(theme.border.width, baseInputBorderWidth[validationState]);\n    zIndex = 1; // Prevent validation ring clipping by adjacent inputs in InputGroup\n  } else if (validationState && validationState !== 'none') {\n    backgroundColor = getIn(theme.colors, baseInputBorderlessBackgroundColor[validationState]);\n  }\n  return {\n    backgroundColor,\n    borderRadius: makeBorderSize(\n      isTableInputCell\n        ? theme.border.radius.none\n        : theme.border.radius[borderRadius ?? baseInputBorderRadius[size]],\n    ),\n    borderStyle: 'solid',\n    display: 'flex',\n    flexDirection: 'row',\n    width: '100%',\n    alignItems: isTextArea ? 'flex-start' : 'center',\n    position: 'relative',\n    height: isDropdownTrigger && !isTextArea ? 'auto' : undefined,\n    border: 'none',\n    zIndex,\n    ...getBaseInputBorderStyles({ theme, borderColor, borderWidth, isFocused }),\n  };\n};\n\nconst getLeftPadding = ({\n  theme,\n  isDropdownTrigger,\n  hasLeadingIcon,\n  hasPrefix,\n  size,\n  hasLeadingDropdown,\n  isInsideCounterInput,\n}: {\n  theme: Theme;\n  hasLeadingIcon: boolean;\n  hasPrefix: boolean;\n  isDropdownTrigger: GetInputStyles['isDropdownTrigger'];\n  size: GetInputStyles['size'];\n  hasLeadingDropdown: boolean;\n  isInsideCounterInput?: boolean;\n}): number => {\n  if (isDropdownTrigger) {\n    return theme.spacing[0];\n  }\n\n  if (hasLeadingIcon || hasPrefix || hasLeadingDropdown) {\n    return theme.spacing[3];\n  }\n\n  /**\n   * CounterInput uses tighter padding (4px vs 8-12px) for compact design\n   */\n  if (isInsideCounterInput) {\n    return theme.spacing[baseInputCounterInputPaddingTokens.left[size]];\n  }\n\n  return theme.spacing[baseInputPaddingTokens.left[size]];\n};\n\nconst getRightPadding = ({\n  theme,\n  hasTrailingInteractionElement,\n  hasSuffix,\n  hasTrailingIcon,\n  size,\n  isInsideCounterInput,\n}: {\n  theme: Theme;\n  hasTrailingInteractionElement: boolean;\n  hasSuffix: boolean;\n  hasTrailingIcon: boolean;\n  size: GetInputStyles['size'];\n  isInsideCounterInput?: boolean;\n}): number => {\n  if (hasTrailingInteractionElement || hasSuffix || hasTrailingIcon) {\n    return theme.spacing[3];\n  }\n\n  // CounterInput uses compact padding\n  if (isInsideCounterInput) {\n    return theme.spacing[baseInputCounterInputPaddingTokens.right[size]];\n  }\n  return theme.spacing[baseInputPaddingTokens.right[size]];\n};\n\nconst getTopPadding = ({\n  theme,\n  size,\n  isInsideCounterInput,\n}: {\n  theme: Theme;\n  size: GetInputStyles['size'];\n  isInsideCounterInput?: boolean;\n}): number => {\n  // CounterInput uses compact padding\n  if (isInsideCounterInput) {\n    return theme.spacing[baseInputCounterInputPaddingTokens.top[size]];\n  }\n  return theme.spacing[baseInputPaddingTokens.top[size]];\n};\n\nconst getBottomPadding = ({\n  theme,\n  size,\n  isInsideCounterInput,\n}: {\n  theme: Theme;\n  size: GetInputStyles['size'];\n  isInsideCounterInput?: boolean;\n}): number => {\n  // CounterInput uses compact padding\n  if (isInsideCounterInput) {\n    return theme.spacing[baseInputCounterInputPaddingTokens.top[size]];\n  }\n  return theme.spacing[baseInputPaddingTokens.bottom[size]];\n};\n\nexport const getBaseInputStyles = ({\n  theme,\n  isDisabled,\n  leadingIcon,\n  prefix,\n  trailingInteractionElement,\n  leadingInteractionElement,\n  suffix,\n  trailingIcon,\n  textAlign,\n  isTextArea,\n  hasTags,\n  isDropdownTrigger,\n  size,\n  padding,\n  valueComponentType,\n  hasLeadingDropdown = false,\n  color,\n  disabledColor,\n  isInsideCounterInput,\n}: GetInputStyles): CSSObject => {\n  const {\n    hasLeadingIcon,\n    hasPrefix,\n    hasTrailingInteractionElement,\n    hasSuffix,\n    hasTrailingIcon,\n  } = getInputVisualsToBeRendered({\n    leadingIcon,\n    prefix,\n    trailingInteractionElement,\n    leadingInteractionElement,\n    suffix,\n    trailingIcon,\n    size,\n  });\n\n  const isDropdownWithTags = isDropdownTrigger && hasTags;\n  const isReactNative = getPlatformType() === 'react-native';\n  // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n  const shouldHaveFlexibleHeight = isTextArea || isDropdownWithTags;\n\n  return {\n    ...(valueComponentType === 'heading'\n      ? getHeadingStyles({\n          size: size === 'xsmall' ? 'small' : size,\n          weight: 'regular',\n          color: isDisabled ? 'surface.text.gray.disabled' : 'interactive.text.gray.normal',\n          theme,\n        })\n      : getTextStyles({\n          /**\n           * CounterInput: uses 'small' size for xsmall and 'semibold' weight for prominence\n           */\n          size: isInsideCounterInput && size === 'xsmall' ? 'small' : size,\n          variant: 'body',\n          weight: isInsideCounterInput ? 'semibold' : 'regular',\n          color: isDisabled\n            ? disabledColor ?? 'surface.text.gray.disabled'\n            : color ?? 'interactive.text.gray.normal',\n          theme,\n        })),\n\n    // take the full available width of parent container for input field\n    flex: 1,\n    backgroundColor: theme.colors.transparent,\n\n    paddingTop: padding ?? makeSpace(getTopPadding({ theme, size, isInsideCounterInput })),\n    paddingBottom: padding ?? makeSpace(getBottomPadding({ theme, size, isInsideCounterInput })),\n    paddingLeft:\n      padding ??\n      makeSpace(\n        getLeftPadding({\n          theme,\n          isDropdownTrigger,\n          hasLeadingIcon,\n          hasPrefix,\n          size,\n          hasLeadingDropdown,\n          isInsideCounterInput,\n        }),\n      ),\n    paddingRight:\n      padding ??\n      getRightPadding({\n        theme,\n        hasTrailingInteractionElement,\n        hasSuffix,\n        hasTrailingIcon,\n        size,\n        isInsideCounterInput,\n      }),\n\n    textAlign,\n    width: '100%',\n    height: shouldHaveFlexibleHeight ? undefined : makeSpace(baseInputHeight[size]),\n    minHeight: shouldHaveFlexibleHeight ? undefined : makeSpace(baseInputHeight[size]),\n    ...(isReactNative ? {} : { resize: 'none', boxSizing: 'border-box' }),\n  };\n};\n\nexport const getAnimatedBaseInputWrapperMaxHeight = ({\n  maxTagRows,\n  showAllTags,\n  size,\n}: Pick<BaseInputWrapperProps, 'maxTagRows' | 'showAllTags' | 'size'>): number => {\n  if (maxTagRows === 'single') {\n    return baseInputHeight[size];\n  }\n\n  if (maxTagRows === 'multiple') {\n    return baseInputWrapperMaxHeight[size];\n  }\n\n  // In expandable, max-height depends on the state\n  return showAllTags ? baseInputWrapperMaxHeight[size] : baseInputHeight[size];\n};\n"],"names":["getBaseInputState","_ref","isFocused","isHovered","isDisabled","getInputBackgroundAndBorderStyles","_ref2","theme","validationState","isTextArea","isDropdownTrigger","isTableInputCell","_ref2$size","size","borderRadius","backgroundColorTokens","baseInputBorderlessBackgroundColor","baseInputBackgroundColor","backgroundColor","getIn","colors","borderColor","transparent","baseInputBorderColor","borderWidth","border","width","baseInputBorderWidth","zIndex","baseInputState","_objectSpread","makeBorderSize","radius","none","baseInputBorderRadius","borderStyle","display","flexDirection","alignItems","position","height","undefined","getBaseInputBorderStyles","getLeftPadding","_ref3","hasLeadingIcon","hasPrefix","hasLeadingDropdown","isInsideCounterInput","spacing","baseInputCounterInputPaddingTokens","left","baseInputPaddingTokens","getRightPadding","_ref4","hasTrailingInteractionElement","hasSuffix","hasTrailingIcon","right","getTopPadding","_ref5","top","getBottomPadding","_ref6","bottom","getBaseInputStyles","_ref7","leadingIcon","prefix","trailingInteractionElement","leadingInteractionElement","suffix","trailingIcon","textAlign","hasTags","padding","valueComponentType","_ref7$hasLeadingDropd","color","disabledColor","_getInputVisualsToBeR","getInputVisualsToBeRendered","isDropdownWithTags","isReactNative","getPlatformType","shouldHaveFlexibleHeight","getHeadingStyles","weight","getTextStyles","variant","flex","paddingTop","makeSpace","paddingBottom","paddingLeft","paddingRight","baseInputHeight","minHeight","resize","boxSizing","getAnimatedBaseInputWrapperMaxHeight","_ref8","maxTagRows","showAllTags","baseInputWrapperMaxHeight"],"mappings":"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"}