@razorpay/blade 12.98.1 → 12.110.0

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

@@ -5,6 +5,7 @@ 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 getHeadingStyles from '../../Typography/Heading/getHeadingStyles.js';
 import '../../../utils/assignWithoutSideEffects/index.js';
 import '../../Typography/index.js';
 import '../../Box/BaseBox/index.js';
@@ -43,7 +44,12 @@ var getWebInputStyles = function getWebInputStyles(props) {
     outline: 'none',
     border: 'none',
     caretColor: props.$caretColor ? getIn(props.theme.colors, props.$caretColor) : undefined,
-    '::placeholder': _objectSpread(_objectSpread({}, getTextStyles({
+    '::placeholder': _objectSpread(_objectSpread({}, props.valueComponentType === 'heading' ? getHeadingStyles({
+      size: props.$size === 'xsmall' ? 'small' : props.$size,
+      weight: 'regular',
+      color: 'surface.text.gray.disabled',
+      theme: props.theme
+    }) : getTextStyles({
       size: props.$size,
       variant: 'body',
       weight: 'regular',

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 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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"}
+{"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 getHeadingStyles from '~components/Typography/Heading/getHeadingStyles';\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      ...(props.valueComponentType === 'heading'\n        ? getHeadingStyles({\n            size: props.$size === 'xsmall' ? 'small' : props.$size,\n            weight: 'regular',\n            color: 'surface.text.gray.disabled',\n            theme: props.theme,\n          })\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","getHeadingStyles","weight","getTextStyles","variant","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

@@ -54,11 +54,11 @@ var getInputBackgroundAndBorderStyles = function getInputBackgroundAndBorderStyl
   backgroundColor = getIn(theme.colors, backgroundColorTokens[baseInputState]);
   borderColor = isTableInputCell && baseInputState !== 'focused' ? theme.colors.transparent : getIn(theme.colors, baseInputBorderColor[baseInputState]);
   borderWidth = getIn(theme.border.width, baseInputBorderWidth[baseInputState]);
-  if (!isTableInputCell && validationState && validationState !== 'none') {
+  if (!isTableInputCell && validationState === 'error') {
     borderColor = getIn(theme.colors, baseInputBorderColor[validationState]);
     borderWidth = getIn(theme.border.width, baseInputBorderWidth[validationState]);
     zIndex = 1; // Prevent validation ring clipping by adjacent inputs in InputGroup
-  } else if (validationState && validationState !== 'none') {
+  } else if (isTableInputCell && validationState === 'error') {
     backgroundColor = getIn(theme.colors, baseInputBorderlessBackgroundColor[validationState]);
   }
   return _objectSpread({

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  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    overflow: 'hidden',\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","overflow","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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"}
+{"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 === 'error') {\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 (isTableInputCell && validationState === 'error') {\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    overflow: 'hidden',\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","overflow","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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"}

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

@@ -10,8 +10,8 @@ var TAG_GAP = spacing['3'];
  * 36px
  */
 var baseInputHeight = {
-  xsmall: size['26'],
-  small: size['30'],
+  xsmall: size['28'],
+  small: size['32'],
   medium: size['36'],
   large: size['48']
 };
@@ -33,7 +33,7 @@ var baseInputBorderColor = {
   focused: 'interactive.border.primary.default',
   disabled: 'interactive.border.gray.disabled',
   error: 'interactive.border.negative.default',
-  success: 'interactive.border.positive.default'
+  success: 'interactive.border.gray.default'
 };
 var baseInputBackgroundColor = {
   "default": 'surface.background.gray.intense',
@@ -94,7 +94,7 @@ var baseInputBorderWidth = {
   disabled: 'thin',
   focused: 'thick',
   error: 'thick',
-  success: 'thick'
+  success: 'thin'
 };
 var baseInputBorderBackgroundMotion = {
   enter: {

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

@@ -1 +1 @@
-{"version":3,"file":"baseInputTokens.js","sources":["../../../../../../../src/components/Input/BaseInput/baseInputTokens.ts"],"sourcesContent":["import type { BaseInputProps } from './BaseInput';\nimport { size, spacing } from '~tokens/global';\n\nexport const BASEINPUT_MAX_ROWS = 4;\n\nexport const TAG_HEIGHT = size['20'];\nexport const TAG_GAP = spacing['3'];\n\n/**\n * 36px\n */\nexport const baseInputHeight: Record<\n  NonNullable<BaseInputProps['size']>,\n  typeof size[keyof typeof size]\n> = {\n  xsmall: size['26'],\n  small: size['30'],\n  medium: size['36'],\n  large: size['48'],\n};\n\n/**\n * medium - 144px (36px height * 4 rows)\n * large - 192px (48px height * 4 rows)\n */\n// we don't want exact number but rough number to be able to animate correctly in height.\nexport const baseInputWrapperMaxHeight = {\n  xsmall: baseInputHeight.xsmall * BASEINPUT_MAX_ROWS,\n  small: baseInputHeight.small * BASEINPUT_MAX_ROWS,\n  medium: baseInputHeight.medium * BASEINPUT_MAX_ROWS,\n  large: baseInputHeight.large * BASEINPUT_MAX_ROWS,\n} as const;\n\nexport const baseInputBorderColor = {\n  default: 'interactive.border.gray.default',\n  hovered: 'interactive.border.gray.highlighted',\n  focused: 'interactive.border.primary.default',\n  disabled: 'interactive.border.gray.disabled',\n  error: 'interactive.border.negative.default',\n  success: 'interactive.border.positive.default',\n} as const;\n\nexport const baseInputBackgroundColor = {\n  default: 'surface.background.gray.intense',\n  hovered: 'surface.background.gray.intense',\n  focused: 'surface.background.gray.intense',\n  disabled: 'surface.background.gray.moderate',\n  error: 'surface.background.gray.intense',\n  success: 'surface.background.gray.intense',\n} as const;\n\nexport const baseInputBorderlessBackgroundColor = {\n  default: 'transparent',\n  hovered: 'surface.background.gray.intense',\n  focused: 'surface.background.gray.intense',\n  disabled: 'surface.background.gray.moderate',\n  error: 'feedback.background.negative.subtle',\n  success: 'feedback.background.positive.subtle',\n} as const;\n\n/**\n * Border radius tokens for input sizes\n * - xsmall, small: 8px (small)\n * - medium: 8px (small)\n * - large: 12px (medium)\n */\nexport const baseInputBorderRadius = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'small',\n  large: 'medium',\n} as const;\n\n/**\n * Border radius for input dropdown buttons (in px)\n * - xsmall, small: 6px\n * - medium: 6px\n * - large: 8px\n */\nexport const inputDropdownButtonBorderRadius = {\n  xsmall: size['6'],\n  small: size['6'],\n  medium: size['6'],\n  large: size['8'],\n} as const;\n\n/**\n * Padding for input dropdown button wrapper\n * Uses spacing tokens (1 = 2px, 2 = 4px)\n */\nexport const inputDropdownButtonPadding = {\n  xsmall: 1,\n  small: 1,\n  medium: 2,\n  large: 2,\n} as const;\n\nexport const baseInputBorderWidth = {\n  default: 'thin',\n  hovered: 'thin',\n  disabled: 'thin',\n  focused: 'thick',\n  error: 'thick',\n  success: 'thick',\n} as const;\n\nexport const baseInputBorderBackgroundMotion = {\n  enter: { duration: 'xgentle', easing: 'emphasized' },\n  exit: { duration: 'xgentle', easing: 'emphasized' },\n} as const;\n\nexport const baseInputPaddingTokens = {\n  top: {\n    xsmall: 2,\n    small: 2,\n    medium: 3,\n    large: 4,\n  },\n  bottom: {\n    xsmall: 2,\n    small: 2,\n    medium: 3,\n    large: 4,\n  },\n  left: {\n    xsmall: 3,\n    small: 3,\n    medium: 4,\n    large: 4,\n  },\n  right: {\n    xsmall: 3,\n    small: 3,\n    medium: 4,\n    large: 4,\n  },\n} as const;\n\n/* the magic number 192 is basically max-width of label \ni.e 176 and then right margin \ni.e 16 which is the spacing between label and input field */\nexport const formHintLeftLabelMarginLeft = {\n  xsmall: 136,\n  small: 136,\n  medium: 136,\n  large: 192,\n} as const;\n\nexport const baseInputCounterInputPaddingTokens = {\n  top: {\n    xsmall: 2,\n    small: 2,\n    medium: 2,\n    large: 2,\n  },\n  bottom: {\n    xsmall: 2,\n    small: 2,\n    medium: 2,\n    large: 2,\n  },\n  left: {\n    xsmall: 2,\n    small: 2,\n    medium: 2,\n    large: 2,\n  },\n  right: {\n    xsmall: 2,\n    small: 2,\n    medium: 2,\n    large: 2,\n  },\n} as const;\n"],"names":["BASEINPUT_MAX_ROWS","TAG_HEIGHT","size","TAG_GAP","spacing","baseInputHeight","xsmall","small","medium","large","baseInputWrapperMaxHeight","baseInputBorderColor","hovered","focused","disabled","error","success","baseInputBackgroundColor","baseInputBorderlessBackgroundColor","baseInputBorderRadius","inputDropdownButtonBorderRadius","inputDropdownButtonPadding","baseInputBorderWidth","baseInputBorderBackgroundMotion","enter","duration","easing","exit","baseInputPaddingTokens","top","bottom","left","right","formHintLeftLabelMarginLeft","baseInputCounterInputPaddingTokens"],"mappings":"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"}
+{"version":3,"file":"baseInputTokens.js","sources":["../../../../../../../src/components/Input/BaseInput/baseInputTokens.ts"],"sourcesContent":["import type { BaseInputProps } from './BaseInput';\nimport { size, spacing } from '~tokens/global';\n\nexport const BASEINPUT_MAX_ROWS = 4;\n\nexport const TAG_HEIGHT = size['20'];\nexport const TAG_GAP = spacing['3'];\n\n/**\n * 36px\n */\nexport const baseInputHeight: Record<\n  NonNullable<BaseInputProps['size']>,\n  typeof size[keyof typeof size]\n> = {\n  xsmall: size['28'],\n  small: size['32'],\n  medium: size['36'],\n  large: size['48'],\n};\n\n/**\n * medium - 144px (36px height * 4 rows)\n * large - 192px (48px height * 4 rows)\n */\n// we don't want exact number but rough number to be able to animate correctly in height.\nexport const baseInputWrapperMaxHeight = {\n  xsmall: baseInputHeight.xsmall * BASEINPUT_MAX_ROWS,\n  small: baseInputHeight.small * BASEINPUT_MAX_ROWS,\n  medium: baseInputHeight.medium * BASEINPUT_MAX_ROWS,\n  large: baseInputHeight.large * BASEINPUT_MAX_ROWS,\n} as const;\n\nexport const baseInputBorderColor = {\n  default: 'interactive.border.gray.default',\n  hovered: 'interactive.border.gray.highlighted',\n  focused: 'interactive.border.primary.default',\n  disabled: 'interactive.border.gray.disabled',\n  error: 'interactive.border.negative.default',\n  success: 'interactive.border.gray.default',\n} as const;\n\nexport const baseInputBackgroundColor = {\n  default: 'surface.background.gray.intense',\n  hovered: 'surface.background.gray.intense',\n  focused: 'surface.background.gray.intense',\n  disabled: 'surface.background.gray.moderate',\n  error: 'surface.background.gray.intense',\n  success: 'surface.background.gray.intense',\n} as const;\n\nexport const baseInputBorderlessBackgroundColor = {\n  default: 'transparent',\n  hovered: 'surface.background.gray.intense',\n  focused: 'surface.background.gray.intense',\n  disabled: 'surface.background.gray.moderate',\n  error: 'feedback.background.negative.subtle',\n  success: 'feedback.background.positive.subtle',\n} as const;\n\n/**\n * Border radius tokens for input sizes\n * - xsmall, small: 8px (small)\n * - medium: 8px (small)\n * - large: 12px (medium)\n */\nexport const baseInputBorderRadius = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'small',\n  large: 'medium',\n} as const;\n\n/**\n * Border radius for input dropdown buttons (in px)\n * - xsmall, small: 6px\n * - medium: 6px\n * - large: 8px\n */\nexport const inputDropdownButtonBorderRadius = {\n  xsmall: size['6'],\n  small: size['6'],\n  medium: size['6'],\n  large: size['8'],\n} as const;\n\n/**\n * Padding for input dropdown button wrapper\n * Uses spacing tokens (1 = 2px, 2 = 4px)\n */\nexport const inputDropdownButtonPadding = {\n  xsmall: 1,\n  small: 1,\n  medium: 2,\n  large: 2,\n} as const;\n\nexport const baseInputBorderWidth = {\n  default: 'thin',\n  hovered: 'thin',\n  disabled: 'thin',\n  focused: 'thick',\n  error: 'thick',\n  success: 'thin',\n} as const;\n\nexport const baseInputBorderBackgroundMotion = {\n  enter: { duration: 'xgentle', easing: 'emphasized' },\n  exit: { duration: 'xgentle', easing: 'emphasized' },\n} as const;\n\nexport const baseInputPaddingTokens = {\n  top: {\n    xsmall: 2,\n    small: 2,\n    medium: 3,\n    large: 4,\n  },\n  bottom: {\n    xsmall: 2,\n    small: 2,\n    medium: 3,\n    large: 4,\n  },\n  left: {\n    xsmall: 3,\n    small: 3,\n    medium: 4,\n    large: 4,\n  },\n  right: {\n    xsmall: 3,\n    small: 3,\n    medium: 4,\n    large: 4,\n  },\n} as const;\n\n/* the magic number 192 is basically max-width of label \ni.e 176 and then right margin \ni.e 16 which is the spacing between label and input field */\nexport const formHintLeftLabelMarginLeft = {\n  xsmall: 136,\n  small: 136,\n  medium: 136,\n  large: 192,\n} as const;\n\nexport const baseInputCounterInputPaddingTokens = {\n  top: {\n    xsmall: 2,\n    small: 2,\n    medium: 2,\n    large: 2,\n  },\n  bottom: {\n    xsmall: 2,\n    small: 2,\n    medium: 2,\n    large: 2,\n  },\n  left: {\n    xsmall: 2,\n    small: 2,\n    medium: 2,\n    large: 2,\n  },\n  right: {\n    xsmall: 2,\n    small: 2,\n    medium: 2,\n    large: 2,\n  },\n} as const;\n"],"names":["BASEINPUT_MAX_ROWS","TAG_HEIGHT","size","TAG_GAP","spacing","baseInputHeight","xsmall","small","medium","large","baseInputWrapperMaxHeight","baseInputBorderColor","hovered","focused","disabled","error","success","baseInputBackgroundColor","baseInputBorderlessBackgroundColor","baseInputBorderRadius","inputDropdownButtonBorderRadius","inputDropdownButtonPadding","baseInputBorderWidth","baseInputBorderBackgroundMotion","enter","duration","easing","exit","baseInputPaddingTokens","top","bottom","left","right","formHintLeftLabelMarginLeft","baseInputCounterInputPaddingTokens"],"mappings":"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"}

package/build/lib/web/production/components/Input/ColorInput/ColorInput.utils.js

@@ -0,0 +1,28 @@
+var DEFAULT_COLOR_VALUE = {
+  hex: '#FFFFFF',
+  opacity: 100
+};
+
+/** Accepts exactly 6 valid hex characters — used to determine when to commit the color model */
+var isValidHex = function isValidHex(value) {
+  return /^[0-9A-Fa-f]{6}$/.test(value);
+};
+
+/** Accepts 1–5 valid hex characters — used to allow progressive typing without blocking */
+var isPartialHex = function isPartialHex(value) {
+  return /^[0-9A-Fa-f]{1,5}$/.test(value);
+};
+var isValidOpacity = function isValidOpacity(value) {
+  return Number.isInteger(value) && value >= 0 && value <= 100;
+};
+
+/** Pads a short hex string to 6 chars using padEnd so partial values extend right-to-left
+ *  (e.g. 'F' → '#F00000' dark red), reflecting the user's left-to-right input direction.
+ *  Accepts hex with or without '#' prefix. */
+var padHexForPicker = function padHexForPicker(hex) {
+  var stripped = hex.startsWith('#') ? hex.slice(1) : hex;
+  return "#".concat((stripped || 'FFFFFF').padEnd(6, '0'));
+};
+
+export { DEFAULT_COLOR_VALUE, isPartialHex, isValidHex, isValidOpacity, padHexForPicker };
+//# sourceMappingURL=ColorInput.utils.js.map

package/build/lib/web/production/components/Input/ColorInput/ColorInput.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorInput.utils.js","sources":["../../../../../../../src/components/Input/ColorInput/ColorInput.utils.ts"],"sourcesContent":["import type { ColorInputValue } from './types';\n\nconst DEFAULT_COLOR_VALUE: ColorInputValue = { hex: '#FFFFFF', opacity: 100 };\n\n/** Accepts exactly 6 valid hex characters — used to determine when to commit the color model */\nconst isValidHex = (value: string): boolean => /^[0-9A-Fa-f]{6}$/.test(value);\n\n/** Accepts 1–5 valid hex characters — used to allow progressive typing without blocking */\nconst isPartialHex = (value: string): boolean => /^[0-9A-Fa-f]{1,5}$/.test(value);\n\nconst isValidOpacity = (value: number): boolean =>\n  Number.isInteger(value) && value >= 0 && value <= 100;\n\n/** Pads a short hex string to 6 chars using padEnd so partial values extend right-to-left\n *  (e.g. 'F' → '#F00000' dark red), reflecting the user's left-to-right input direction.\n *  Accepts hex with or without '#' prefix. */\nconst padHexForPicker = (hex: string): string => {\n  const stripped = hex.startsWith('#') ? hex.slice(1) : hex;\n  return `#${(stripped || 'FFFFFF').padEnd(6, '0')}`;\n};\n\nexport { DEFAULT_COLOR_VALUE, isValidHex, isPartialHex, isValidOpacity, padHexForPicker };\n"],"names":["DEFAULT_COLOR_VALUE","hex","opacity","isValidHex","value","test","isPartialHex","isValidOpacity","Number","isInteger","padHexForPicker","stripped","startsWith","slice","concat","padEnd"],"mappings":"AAEA,IAAMA,mBAAoC,GAAG;AAAEC,EAAAA,GAAG,EAAE,SAAS;AAAEC,EAAAA,OAAO,EAAE,GAAA;AAAI,EAAC;;AAE7E;AACA,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,KAAa,EAAA;AAAA,EAAA,OAAc,kBAAkB,CAACC,IAAI,CAACD,KAAK,CAAC,CAAA;AAAA,EAAA;;AAE7E;AACA,IAAME,YAAY,GAAG,SAAfA,YAAYA,CAAIF,KAAa,EAAA;AAAA,EAAA,OAAc,oBAAoB,CAACC,IAAI,CAACD,KAAK,CAAC,CAAA;AAAA,EAAA;AAEjF,IAAMG,cAAc,GAAG,SAAjBA,cAAcA,CAAIH,KAAa,EAAA;AAAA,EAAA,OACnCI,MAAM,CAACC,SAAS,CAACL,KAAK,CAAC,IAAIA,KAAK,IAAI,CAAC,IAAIA,KAAK,IAAI,GAAG,CAAA;AAAA,EAAA;;AAEvD;AACA;AACA;AACA,IAAMM,eAAe,GAAG,SAAlBA,eAAeA,CAAIT,GAAW,EAAa;AAC/C,EAAA,IAAMU,QAAQ,GAAGV,GAAG,CAACW,UAAU,CAAC,GAAG,CAAC,GAAGX,GAAG,CAACY,KAAK,CAAC,CAAC,CAAC,GAAGZ,GAAG,CAAA;AACzD,EAAA,OAAA,GAAA,CAAAa,MAAA,CAAW,CAACH,QAAQ,IAAI,QAAQ,EAAEI,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA,CAAA;AAClD;;;;"}