@razorpay/blade 12.120.0 → 12.121.1

package/build/lib/web/production/components/Button/BaseButton/buttonTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttonTokens.js","sources":["../../../../../../../src/components/Button/BaseButton/buttonTokens.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport type { BaseButtonProps } from './BaseButton';\nimport type { Theme } from '~components/BladeProvider';\nimport type { IconSize } from '~components/Icons';\nimport type { SpinnerProps } from '~components/Spinner';\nimport type { Size } from '~tokens/global';\nimport { size } from '~tokens/global';\nimport type { FeedbackColors } from '~tokens/theme/theme';\nimport { makeSize } from '~utils';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\n\nexport type ButtonMinHeight = Size[28] | Size[32] | Size[36] | Size[48];\n\nexport type ButtonTypography = {\n  fonts: {\n    size: Record<NonNullable<BaseButtonProps['size']>, keyof Theme['typography']['fonts']['size']>;\n  };\n  lineHeights: Record<\n    NonNullable<BaseButtonProps['size']>,\n    keyof Theme['typography']['lineHeights']\n  >;\n};\n\nconst backgroundGradient = (color: FeedbackColors | 'primary') => {\n  return {\n    base: {\n      primary: {\n        default: `interactive.background.${color}.default`,\n        highlighted: `interactive.background.${color}.highlighted`,\n        disabled: `interactive.background.${color}.disabled`,\n      },\n      secondary: {\n        default: 'surface.background.gray.intense',\n        highlighted: 'surface.background.gray.intense',\n        disabled: 'interactive.background.staticWhite.ghost',\n      },\n      tertiary: {\n        default: 'surface.background.gray.intense',\n        highlighted: 'surface.background.gray.intense',\n        disabled: 'interactive.background.staticWhite.ghost',\n      },\n      transparent: {\n        default: 'transparent',\n        highlighted: 'interactive.background.gray.faded',\n        disabled: 'interactive.background.gray.disabled',\n      },\n    },\n    white: {\n      primary: {\n        default: 'interactive.background.staticWhite.default',\n        highlighted: 'interactive.background.staticWhite.highlighted',\n        disabled: 'interactive.background.staticWhite.disabled',\n      },\n      secondary: {\n        default: 'interactive.background.staticWhite.faded',\n        highlighted: 'interactive.background.staticBlack.faded',\n        disabled: 'interactive.background.gray.disabled',\n      },\n      tertiary: {\n        default: 'interactive.background.staticWhite.faded',\n        highlighted: 'interactive.background.staticBlack.faded',\n        disabled: 'interactive.background.gray.disabled',\n      },\n    },\n    // Only the `primary` emphasis exists in the design for the black color, which\n    // is currently used by FloatingActionButton and is not exposed on `Button`.\n    black: {\n      primary: {\n        default: 'interactive.background.staticBlack.default',\n        highlighted: 'interactive.background.staticBlack.highlighted',\n        disabled: 'interactive.background.staticBlack.fadedHighlighted',\n      },\n    },\n  } as const;\n};\n\ntype BoxShadowValue = {\n  y: number;\n  blur: number;\n  spread: number;\n  color: DotNotationToken<Theme['colors']>;\n};\n\ntype ButtonBoxShadow = BoxShadowValue[];\n\n/**\n * Box-shadow tokens for buttons (includes border + 3D effects)\n * Each shadow is: inset 0 {y}px {blur}px {spread}px {color}\n */\nconst boxShadow = (\n  color: FeedbackColors | 'primary',\n): {\n  base: Record<\n    'primary' | 'secondary' | 'tertiary' | 'transparent',\n    Record<'default' | 'highlighted' | 'disabled', ButtonBoxShadow>\n  >;\n  white: Record<\n    'primary' | 'secondary' | 'tertiary',\n    Record<'default' | 'highlighted' | 'disabled', ButtonBoxShadow>\n  >;\n  black: Record<'primary', Record<'default' | 'highlighted' | 'disabled', ButtonBoxShadow>>;\n} => {\n  return {\n    base: {\n      primary: {\n        default: [\n          { y: -1.5, blur: 0, spread: 0, color: `interactive.border.${color}.highlighted` },\n          { y: 0, blur: 0, spread: 0.5, color: `interactive.border.${color}.default` },\n          { y: 1.5, blur: 0, spread: 0, color: 'interactive.border.staticWhite.faded' },\n          { y: -2, blur: 0, spread: 0, color: 'interactive.border.staticWhite.faded' },\n        ],\n        highlighted: [\n          { y: -1.5, blur: 0, spread: 0, color: `interactive.border.${color}.highlighted` },\n          { y: 0, blur: 0, spread: 0.5, color: `interactive.border.${color}.highlighted` },\n          { y: 1.5, blur: 0, spread: 0, color: 'interactive.border.staticWhite.faded' },\n          { y: -2, blur: 0, spread: 0, color: 'interactive.border.staticWhite.faded' },\n        ],\n        disabled: [],\n      },\n      secondary: {\n        default: [\n          { y: -1, blur: 0.5, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.gray.default' },\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.gray.default' },\n        ],\n        highlighted: [\n          { y: -1, blur: 0.5, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.gray.highlighted' },\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.gray.default' },\n        ],\n        disabled: [{ y: 0, blur: 0, spread: 1, color: 'interactive.border.gray.disabled' }],\n      },\n      tertiary: {\n        default: [\n          { y: -1, blur: 0.5, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.gray.default' },\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.gray.default' },\n        ],\n        highlighted: [\n          { y: -1, blur: 0.5, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.gray.highlighted' },\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.gray.default' },\n        ],\n        disabled: [{ y: 0, blur: 0, spread: 1, color: 'interactive.border.gray.disabled' }],\n      },\n      transparent: {\n        default: [],\n        highlighted: [],\n        disabled: [],\n      },\n    },\n    white: {\n      primary: {\n        default: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          {\n            y: 0,\n            blur: 0,\n            spread: 0.5,\n            color: 'interactive.border.staticBlack.fadedHighlighted',\n          },\n        ],\n        highlighted: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          {\n            y: 0,\n            blur: 0,\n            spread: 0.5,\n            color: 'interactive.border.staticBlack.fadedHighlighted',\n          },\n        ],\n        disabled: [],\n      },\n      secondary: {\n        default: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.staticWhite.highlighted' },\n        ],\n        highlighted: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.staticWhite.highlighted' },\n        ],\n        disabled: [{ y: 0, blur: 0, spread: 1, color: 'interactive.border.staticWhite.disabled' }],\n      },\n      tertiary: {\n        default: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.staticWhite.highlighted' },\n        ],\n        highlighted: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.staticWhite.highlighted' },\n        ],\n        disabled: [{ y: 0, blur: 0, spread: 1, color: 'interactive.border.staticWhite.disabled' }],\n      },\n    },\n    black: {\n      primary: {\n        default: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.highlighted' },\n          { y: 0, blur: 0, spread: 0.5, color: 'interactive.border.staticBlack.highlighted' },\n          { y: 1.5, blur: 0, spread: 0, color: 'interactive.border.staticWhite.fadedHighlighted' },\n          { y: -2, blur: 0, spread: 0, color: 'interactive.border.staticWhite.fadedHighlighted' },\n        ],\n        highlighted: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.highlighted' },\n          { y: 0, blur: 0, spread: 0.5, color: 'interactive.border.staticBlack.highlighted' },\n          { y: 1.5, blur: 0, spread: 0, color: 'interactive.border.staticWhite.fadedHighlighted' },\n          { y: -2, blur: 0, spread: 0, color: 'interactive.border.staticWhite.fadedHighlighted' },\n        ],\n        disabled: [],\n      },\n    },\n  };\n};\n\nconst textColor = (property: 'icon' | 'text') => {\n  return {\n    base: {\n      primary: {\n        default: `interactive.${property}.onPrimary.normal`,\n        highlighted: `interactive.${property}.onPrimary.normal`,\n        disabled: `interactive.${property}.primary.disabled`,\n      },\n      secondary: {\n        default: `interactive.${property}.gray.normal`,\n        highlighted: `interactive.${property}.gray.normal`,\n        disabled: `interactive.${property}.gray.disabled`,\n      },\n      tertiary: {\n        default: `interactive.${property}.gray.normal`,\n        highlighted: `interactive.${property}.gray.normal`,\n        disabled: `interactive.${property}.gray.disabled`,\n      },\n    },\n    white: {\n      primary: {\n        default: `interactive.${property}.staticBlack.muted`,\n        highlighted: `interactive.${property}.staticBlack.muted`,\n        disabled: `interactive.${property}.staticBlack.disabled`,\n      },\n      secondary: {\n        default: `interactive.${property}.staticWhite.normal`,\n        highlighted: `interactive.${property}.staticWhite.normal`,\n        disabled: `interactive.${property}.staticWhite.disabled`,\n      },\n      tertiary: {\n        default: `interactive.${property}.staticWhite.normal`,\n        highlighted: `interactive.${property}.staticWhite.normal`,\n        disabled: `interactive.${property}.staticWhite.disabled`,\n      },\n    },\n    black: {\n      primary: {\n        default: `interactive.${property}.staticWhite.normal`,\n        highlighted: `interactive.${property}.staticWhite.normal`,\n        disabled: `interactive.${property}.staticWhite.disabled`,\n      },\n    },\n    transparent: {\n      tertiary: {\n        default: property === 'icon' ? 'interactive.icon.gray.muted' : 'surface.text.gray.normal',\n        highlighted:\n          property === 'icon' ? 'interactive.icon.gray.subtle' : 'surface.text.gray.normal',\n        disabled: `interactive.${property}.gray.disabled`,\n      },\n    },\n\n    color: (color: FeedbackColors) => {\n      return {\n        primary: {\n          default: `interactive.${property}.staticWhite.normal`,\n          highlighted: `interactive.${property}.staticWhite.normal`,\n          disabled: `interactive.${property}.${color}.disabled`,\n        },\n        secondary: {\n          default: `interactive.${property}.${color}.normal`,\n          highlighted: `interactive.${property}.${color}.normal`,\n          disabled: `interactive.${property}.${color}.disabled`,\n        },\n      } as const;\n    },\n  } as const;\n};\n\nconst typography: ButtonTypography = {\n  fonts: {\n    size: {\n      xsmall: 75,\n      small: 75,\n      medium: 100,\n      large: 200,\n    },\n  },\n  lineHeights: {\n    xsmall: 75,\n    small: 75,\n    medium: 100,\n    large: 200,\n  },\n};\n\nconst minHeight: Record<NonNullable<BaseButtonProps['size']>, ButtonMinHeight> = {\n  xsmall: size[28],\n  small: size[32],\n  medium: size[36],\n  large: size[48],\n};\n\nconst buttonPadding: Record<\n  NonNullable<BaseButtonProps['size']>,\n  Record<'top' | 'bottom' | 'left' | 'right', keyof Theme['spacing']>\n> = {\n  xsmall: {\n    top: 0,\n    bottom: 0,\n    left: 3,\n    right: 3,\n  },\n  small: {\n    top: 0,\n    bottom: 0,\n    left: 3,\n    right: 3,\n  },\n  medium: {\n    top: 0,\n    bottom: 0,\n    left: 4,\n    right: 4,\n  },\n  large: {\n    top: 0,\n    bottom: 0,\n    left: 5,\n    right: 5,\n  },\n};\n\nconst buttonBorderRadius = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'small',\n  large: 'medium',\n} as const;\n\nconst buttonIconOnlyHeightWidth = {\n  xsmall: makeSize(size['28']),\n  small: makeSize(size['32']),\n  medium: makeSize(size['36']),\n  large: makeSize(size['48']),\n} as const;\n\nconst buttonSizeToIconSizeMap: Record<NonNullable<BaseButtonProps['size']>, IconSize> = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'medium',\n  large: 'medium',\n};\n\nconst buttonIconOnlySizeToIconSizeMap: Record<NonNullable<BaseButtonProps['size']>, IconSize> = {\n  xsmall: 'medium',\n  small: 'medium',\n  medium: 'medium',\n  large: 'medium',\n};\n\nconst buttonSizeToSpinnerSizeMap: Record<\n  NonNullable<BaseButtonProps['size']>,\n  SpinnerProps['size']\n> = {\n  xsmall: 'medium',\n  small: 'medium',\n  medium: 'medium',\n  large: 'large',\n};\n\n/**\n * Spinner color mapping based on button variant and color\n */\nconst spinnerColor = {\n  base: {\n    primary: 'primary',\n    secondary: 'neutral',\n    tertiary: 'neutral',\n    transparent: 'primary',\n  },\n  white: {\n    primary: 'white',\n    secondary: 'white',\n    tertiary: 'white',\n  },\n  black: {\n    primary: 'white',\n  },\n  positive: {\n    primary: 'positive',\n    secondary: 'positive',\n  },\n  negative: {\n    primary: 'negative',\n    secondary: 'negative',\n  },\n  notice: {\n    primary: 'notice',\n    secondary: 'notice',\n  },\n  information: {\n    primary: 'information',\n    secondary: 'information',\n  },\n  neutral: {\n    primary: 'neutral',\n    secondary: 'neutral',\n  },\n} as const;\n\nexport {\n  boxShadow,\n  backgroundGradient,\n  textColor,\n  spinnerColor,\n  typography,\n  minHeight,\n  buttonSizeToIconSizeMap,\n  buttonIconOnlySizeToIconSizeMap,\n  buttonSizeToSpinnerSizeMap,\n  buttonPadding,\n  buttonIconOnlyHeightWidth,\n  buttonBorderRadius,\n};\n\nexport type { ButtonBoxShadow };\n"],"names":["backgroundGradient","color","base","primary","concat","highlighted","disabled","secondary","tertiary","transparent","white","black","boxShadow","y","blur","spread","textColor","property","typography","fonts","size","xsmall","small","medium","large","lineHeights","minHeight","buttonPadding","top","bottom","left","right","buttonBorderRadius","buttonIconOnlyHeightWidth","makeSize","buttonSizeToIconSizeMap","buttonIconOnlySizeToIconSizeMap","buttonSizeToSpinnerSizeMap","spinnerColor","positive","negative","notice","information","neutral"],"mappings":"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"}
+{"version":3,"file":"buttonTokens.js","sources":["../../../../../../../src/components/Button/BaseButton/buttonTokens.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport type { BaseButtonProps } from './BaseButton';\nimport type { Theme } from '~components/BladeProvider';\nimport type { IconSize } from '~components/Icons';\nimport type { SpinnerProps } from '~components/Spinner';\nimport type { Size } from '~tokens/global';\nimport { size } from '~tokens/global';\nimport type { FeedbackColors } from '~tokens/theme/theme';\nimport { makeSize } from '~utils';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\n\nexport type ButtonMinHeight = Size[28] | Size[32] | Size[36] | Size[48];\n\nexport type ButtonTypography = {\n  fonts: {\n    size: Record<NonNullable<BaseButtonProps['size']>, keyof Theme['typography']['fonts']['size']>;\n  };\n  lineHeights: Record<\n    NonNullable<BaseButtonProps['size']>,\n    keyof Theme['typography']['lineHeights']\n  >;\n};\n\nconst backgroundGradient = (color: FeedbackColors | 'primary') => {\n  return {\n    base: {\n      primary: {\n        default: `interactive.background.${color}.default`,\n        highlighted: `interactive.background.${color}.highlighted`,\n        disabled: `interactive.background.${color}.disabled`,\n      },\n      secondary: {\n        default: 'surface.background.gray.intense',\n        highlighted: 'surface.background.gray.intense',\n        disabled: 'interactive.background.staticWhite.ghost',\n      },\n      tertiary: {\n        default: 'surface.background.gray.intense',\n        highlighted: 'surface.background.gray.intense',\n        disabled: 'interactive.background.staticWhite.ghost',\n      },\n      transparent: {\n        default: 'transparent',\n        highlighted: 'interactive.background.gray.faded',\n        disabled: 'interactive.background.gray.disabled',\n      },\n    },\n    white: {\n      primary: {\n        default: 'interactive.background.staticWhite.default',\n        highlighted: 'interactive.background.staticWhite.highlighted',\n        disabled: 'interactive.background.staticWhite.disabled',\n      },\n      secondary: {\n        default: 'interactive.background.staticWhite.faded',\n        highlighted: 'interactive.background.staticBlack.faded',\n        disabled: 'interactive.background.gray.disabled',\n      },\n      tertiary: {\n        default: 'interactive.background.staticWhite.faded',\n        highlighted: 'interactive.background.staticBlack.faded',\n        disabled: 'interactive.background.gray.disabled',\n      },\n    },\n  } as const;\n};\n\ntype BoxShadowValue = {\n  y: number;\n  blur: number;\n  spread: number;\n  color: DotNotationToken<Theme['colors']>;\n};\n\ntype ButtonBoxShadow = BoxShadowValue[];\n\n/**\n * Box-shadow tokens for buttons (includes border + 3D effects)\n * Each shadow is: inset 0 {y}px {blur}px {spread}px {color}\n */\nconst boxShadow = (\n  color: FeedbackColors | 'primary',\n): {\n  base: Record<\n    'primary' | 'secondary' | 'tertiary' | 'transparent',\n    Record<'default' | 'highlighted' | 'disabled', ButtonBoxShadow>\n  >;\n  white: Record<\n    'primary' | 'secondary' | 'tertiary',\n    Record<'default' | 'highlighted' | 'disabled', ButtonBoxShadow>\n  >;\n  neutral: Record<'primary', Record<'default' | 'highlighted' | 'disabled', ButtonBoxShadow>>;\n} => {\n  return {\n    base: {\n      primary: {\n        default: [\n          { y: -1.5, blur: 0, spread: 0, color: `interactive.border.${color}.highlighted` },\n          { y: 0, blur: 0, spread: 0.5, color: `interactive.border.${color}.default` },\n          { y: 1.5, blur: 0, spread: 0, color: 'interactive.border.staticWhite.faded' },\n          { y: -2, blur: 0, spread: 0, color: 'interactive.border.staticWhite.faded' },\n        ],\n        highlighted: [\n          { y: -1.5, blur: 0, spread: 0, color: `interactive.border.${color}.highlighted` },\n          { y: 0, blur: 0, spread: 0.5, color: `interactive.border.${color}.highlighted` },\n          { y: 1.5, blur: 0, spread: 0, color: 'interactive.border.staticWhite.faded' },\n          { y: -2, blur: 0, spread: 0, color: 'interactive.border.staticWhite.faded' },\n        ],\n        disabled: [],\n      },\n      secondary: {\n        default: [\n          { y: -1, blur: 0.5, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.gray.default' },\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.gray.default' },\n        ],\n        highlighted: [\n          { y: -1, blur: 0.5, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.gray.highlighted' },\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.gray.default' },\n        ],\n        disabled: [{ y: 0, blur: 0, spread: 1, color: 'interactive.border.gray.disabled' }],\n      },\n      tertiary: {\n        default: [\n          { y: -1, blur: 0.5, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.gray.default' },\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.gray.default' },\n        ],\n        highlighted: [\n          { y: -1, blur: 0.5, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.gray.highlighted' },\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.gray.default' },\n        ],\n        disabled: [{ y: 0, blur: 0, spread: 1, color: 'interactive.border.gray.disabled' }],\n      },\n      transparent: {\n        default: [],\n        highlighted: [],\n        disabled: [],\n      },\n    },\n    white: {\n      primary: {\n        default: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          {\n            y: 0,\n            blur: 0,\n            spread: 0.5,\n            color: 'interactive.border.staticBlack.fadedHighlighted',\n          },\n        ],\n        highlighted: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          {\n            y: 0,\n            blur: 0,\n            spread: 0.5,\n            color: 'interactive.border.staticBlack.fadedHighlighted',\n          },\n        ],\n        disabled: [],\n      },\n      secondary: {\n        default: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.staticWhite.highlighted' },\n        ],\n        highlighted: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.staticWhite.highlighted' },\n        ],\n        disabled: [{ y: 0, blur: 0, spread: 1, color: 'interactive.border.staticWhite.disabled' }],\n      },\n      tertiary: {\n        default: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.staticWhite.highlighted' },\n        ],\n        highlighted: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.fadedHighlighted' },\n          { y: 0, blur: 0, spread: 1, color: 'interactive.border.staticWhite.highlighted' },\n        ],\n        disabled: [{ y: 0, blur: 0, spread: 1, color: 'interactive.border.staticWhite.disabled' }],\n      },\n    },\n    neutral: {\n      primary: {\n        default: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.highlighted' },\n          { y: 0, blur: 0, spread: 0.5, color: 'interactive.border.staticBlack.highlighted' },\n          { y: 1.5, blur: 0, spread: 0, color: 'interactive.border.staticWhite.fadedHighlighted' },\n          { y: -2, blur: 0, spread: 0, color: 'interactive.border.staticWhite.fadedHighlighted' },\n        ],\n        highlighted: [\n          { y: -1.5, blur: 0, spread: 0, color: 'interactive.border.staticBlack.highlighted' },\n          { y: 0, blur: 0, spread: 0.5, color: 'interactive.border.staticBlack.highlighted' },\n          { y: 1.5, blur: 0, spread: 0, color: 'interactive.border.staticWhite.fadedHighlighted' },\n          { y: -2, blur: 0, spread: 0, color: 'interactive.border.staticWhite.fadedHighlighted' },\n        ],\n        disabled: [],\n      },\n    },\n  };\n};\n\nconst textColor = (property: 'icon' | 'text') => {\n  return {\n    base: {\n      primary: {\n        default: `interactive.${property}.onPrimary.normal`,\n        highlighted: `interactive.${property}.onPrimary.normal`,\n        disabled: `interactive.${property}.primary.disabled`,\n      },\n      secondary: {\n        default: `interactive.${property}.gray.normal`,\n        highlighted: `interactive.${property}.gray.normal`,\n        disabled: `interactive.${property}.gray.disabled`,\n      },\n      tertiary: {\n        default: `interactive.${property}.gray.normal`,\n        highlighted: `interactive.${property}.gray.normal`,\n        disabled: `interactive.${property}.gray.disabled`,\n      },\n    },\n    white: {\n      primary: {\n        default: `interactive.${property}.staticBlack.muted`,\n        highlighted: `interactive.${property}.staticBlack.muted`,\n        disabled: `interactive.${property}.staticBlack.disabled`,\n      },\n      secondary: {\n        default: `interactive.${property}.staticWhite.normal`,\n        highlighted: `interactive.${property}.staticWhite.normal`,\n        disabled: `interactive.${property}.staticWhite.disabled`,\n      },\n      tertiary: {\n        default: `interactive.${property}.staticWhite.normal`,\n        highlighted: `interactive.${property}.staticWhite.normal`,\n        disabled: `interactive.${property}.staticWhite.disabled`,\n      },\n    },\n    neutral: {\n      primary: {\n        default: `interactive.${property}.onNeutral.normal`,\n        highlighted: `interactive.${property}.onNeutral.normal`,\n        disabled: `interactive.${property}.onNeutral.disabled`,\n      },\n    },\n    transparent: {\n      tertiary: {\n        default: property === 'icon' ? 'interactive.icon.gray.muted' : 'surface.text.gray.normal',\n        highlighted:\n          property === 'icon' ? 'interactive.icon.gray.subtle' : 'surface.text.gray.normal',\n        disabled: `interactive.${property}.gray.disabled`,\n      },\n    },\n\n    color: (color: FeedbackColors) => {\n      return {\n        primary: {\n          default: `interactive.${property}.staticWhite.normal`,\n          highlighted: `interactive.${property}.staticWhite.normal`,\n          disabled: `interactive.${property}.${color}.disabled`,\n        },\n        secondary: {\n          default: `interactive.${property}.${color}.normal`,\n          highlighted: `interactive.${property}.${color}.normal`,\n          disabled: `interactive.${property}.${color}.disabled`,\n        },\n      } as const;\n    },\n  } as const;\n};\n\nconst typography: ButtonTypography = {\n  fonts: {\n    size: {\n      xsmall: 75,\n      small: 75,\n      medium: 100,\n      large: 200,\n    },\n  },\n  lineHeights: {\n    xsmall: 75,\n    small: 75,\n    medium: 100,\n    large: 200,\n  },\n};\n\nconst minHeight: Record<NonNullable<BaseButtonProps['size']>, ButtonMinHeight> = {\n  xsmall: size[28],\n  small: size[32],\n  medium: size[36],\n  large: size[48],\n};\n\nconst buttonPadding: Record<\n  NonNullable<BaseButtonProps['size']>,\n  Record<'top' | 'bottom' | 'left' | 'right', keyof Theme['spacing']>\n> = {\n  xsmall: {\n    top: 0,\n    bottom: 0,\n    left: 3,\n    right: 3,\n  },\n  small: {\n    top: 0,\n    bottom: 0,\n    left: 3,\n    right: 3,\n  },\n  medium: {\n    top: 0,\n    bottom: 0,\n    left: 4,\n    right: 4,\n  },\n  large: {\n    top: 0,\n    bottom: 0,\n    left: 5,\n    right: 5,\n  },\n};\n\nconst buttonBorderRadius = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'small',\n  large: 'medium',\n} as const;\n\nconst buttonIconOnlyHeightWidth = {\n  xsmall: makeSize(size['28']),\n  small: makeSize(size['32']),\n  medium: makeSize(size['36']),\n  large: makeSize(size['48']),\n} as const;\n\nconst buttonSizeToIconSizeMap: Record<NonNullable<BaseButtonProps['size']>, IconSize> = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'medium',\n  large: 'medium',\n};\n\nconst buttonIconOnlySizeToIconSizeMap: Record<NonNullable<BaseButtonProps['size']>, IconSize> = {\n  xsmall: 'medium',\n  small: 'medium',\n  medium: 'medium',\n  large: 'medium',\n};\n\nconst buttonSizeToSpinnerSizeMap: Record<\n  NonNullable<BaseButtonProps['size']>,\n  SpinnerProps['size']\n> = {\n  xsmall: 'medium',\n  small: 'medium',\n  medium: 'medium',\n  large: 'large',\n};\n\n/**\n * Spinner color mapping based on button variant and color\n */\nconst spinnerColor = {\n  base: {\n    primary: 'primary',\n    secondary: 'neutral',\n    tertiary: 'neutral',\n    transparent: 'primary',\n  },\n  white: {\n    primary: 'white',\n    secondary: 'white',\n    tertiary: 'white',\n  },\n  positive: {\n    primary: 'positive',\n    secondary: 'positive',\n  },\n  negative: {\n    primary: 'negative',\n    secondary: 'negative',\n  },\n  notice: {\n    primary: 'notice',\n    secondary: 'notice',\n  },\n  information: {\n    primary: 'information',\n    secondary: 'information',\n  },\n  neutral: {\n    // The primary emphasis renders content on a filled neutral surface, so the\n    // spinner follows the same inverted treatment as the label.\n    primary: 'onNeutral',\n    secondary: 'neutral',\n  },\n} as const;\n\nexport {\n  boxShadow,\n  backgroundGradient,\n  textColor,\n  spinnerColor,\n  typography,\n  minHeight,\n  buttonSizeToIconSizeMap,\n  buttonIconOnlySizeToIconSizeMap,\n  buttonSizeToSpinnerSizeMap,\n  buttonPadding,\n  buttonIconOnlyHeightWidth,\n  buttonBorderRadius,\n};\n\nexport type { ButtonBoxShadow };\n"],"names":["backgroundGradient","color","base","primary","concat","highlighted","disabled","secondary","tertiary","transparent","white","boxShadow","y","blur","spread","neutral","textColor","property","typography","fonts","size","xsmall","small","medium","large","lineHeights","minHeight","buttonPadding","top","bottom","left","right","buttonBorderRadius","buttonIconOnlyHeightWidth","makeSize","buttonSizeToIconSizeMap","buttonIconOnlySizeToIconSizeMap","buttonSizeToSpinnerSizeMap","spinnerColor","positive","negative","notice","information"],"mappings":"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"}

package/build/lib/web/production/components/FloatingActionButton/FloatingActionButton.js

@@ -18,7 +18,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  */
 var colorToSpinnerColor = {
   primary: 'white',
-  black: 'white',
+  neutral: 'onNeutral',
   white: 'neutral'
 };
 

package/build/lib/web/production/components/FloatingActionButton/FloatingActionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingActionButton.js","sources":["../../../../../../src/components/FloatingActionButton/FloatingActionButton.tsx"],"sourcesContent":["import React from 'react';\nimport { FloatingActionButtonContainer } from './FloatingActionButtonContainer';\nimport type { FloatingActionButtonProps } from './types';\nimport BaseButton from '~components/Button/BaseButton';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { BladeElementRef } from '~utils/types';\n\n/**\n * The shared spinner map would render a white spinner on the white button, where\n * it is invisible.\n */\nconst colorToSpinnerColor = {\n  primary: 'white',\n  black: 'white',\n  white: 'neutral',\n} as const;\n\n/**\n * ### FloatingActionButton component\n *\n * A persistent, elevated button anchored to the bottom of the viewport, used for the single most important action on a screen.\n *\n * ---\n *\n * #### Usage\n *\n * ```jsx\n * <FloatingActionButton icon={PlusIcon} onClick={() => createPayment()}>\n *   Create payment\n * </FloatingActionButton>\n *\n * // icon-only, accessibilityLabel is required\n * <FloatingActionButton\n *   icon={PlusIcon}\n *   accessibilityLabel=\"Create payment\"\n *   onClick={() => createPayment()}\n * />\n * ```\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-floatingactionbutton--docs FloatingActionButton Documentation}\n */\nconst _FloatingActionButton: React.ForwardRefRenderFunction<\n  BladeElementRef,\n  FloatingActionButtonProps\n> = (\n  {\n    children,\n    icon,\n    color = 'primary',\n    placement = 'bottom-end',\n    offset = 'spacing.5',\n    zIndex = componentZIndices.fab,\n    isDisabled = false,\n    isLoading = false,\n    href,\n    target,\n    rel,\n    type = 'button',\n    accessibilityLabel,\n    onClick,\n    onBlur,\n    onFocus,\n    onMouseLeave,\n    onMouseMove,\n    onMouseDown,\n    onPointerDown,\n    onPointerEnter,\n    onTouchStart,\n    onTouchEnd,\n    testID,\n    ...rest\n  },\n  ref,\n) => {\n  return (\n    <FloatingActionButtonContainer\n      placement={placement}\n      offset={offset}\n      zIndex={zIndex}\n      testID={testID}\n      {...rest}\n    >\n      <BaseButton\n        ref={ref}\n        icon={icon}\n        variant=\"primary\"\n        color={color}\n        size=\"large\"\n        _borderRadius=\"max\"\n        _iconSize=\"xlarge\"\n        _spinnerColor={colorToSpinnerColor[color]}\n        accessibilityProps={{ label: accessibilityLabel }}\n        href={href}\n        target={target}\n        rel={rel}\n        type={type}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        onClick={onClick}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onMouseLeave={onMouseLeave}\n        onMouseMove={onMouseMove}\n        onMouseDown={onMouseDown}\n        onPointerDown={onPointerDown}\n        onPointerEnter={onPointerEnter}\n        onTouchStart={onTouchStart}\n        onTouchEnd={onTouchEnd}\n      >\n        {children}\n      </BaseButton>\n    </FloatingActionButtonContainer>\n  );\n};\n\nconst FloatingActionButton = assignWithoutSideEffects(React.forwardRef(_FloatingActionButton), {\n  displayName: 'FloatingActionButton',\n  componentId: 'FloatingActionButton',\n});\n\nexport { FloatingActionButton };\n"],"names":["colorToSpinnerColor","primary","black","white","_FloatingActionButton","_ref","ref","children","icon","_ref$color","color","_ref$placement","placement","_ref$offset","offset","_ref$zIndex","zIndex","componentZIndices","fab","_ref$isDisabled","isDisabled","_ref$isLoading","isLoading","href","target","rel","_ref$type","type","accessibilityLabel","onClick","onBlur","onFocus","onMouseLeave","onMouseMove","onMouseDown","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","testID","rest","_objectWithoutProperties","_excluded","_jsx","FloatingActionButtonContainer","_objectSpread","BaseButton","variant","size","_borderRadius","_iconSize","_spinnerColor","accessibilityProps","label","FloatingActionButton","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}
+{"version":3,"file":"FloatingActionButton.js","sources":["../../../../../../src/components/FloatingActionButton/FloatingActionButton.tsx"],"sourcesContent":["import React from 'react';\nimport { FloatingActionButtonContainer } from './FloatingActionButtonContainer';\nimport type { FloatingActionButtonProps } from './types';\nimport BaseButton from '~components/Button/BaseButton';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { BladeElementRef } from '~utils/types';\n\n/**\n * The shared spinner map would render a white spinner on the white button, where\n * it is invisible.\n */\nconst colorToSpinnerColor = {\n  primary: 'white',\n  neutral: 'onNeutral',\n  white: 'neutral',\n} as const;\n\n/**\n * ### FloatingActionButton component\n *\n * A persistent, elevated button anchored to the bottom of the viewport, used for the single most important action on a screen.\n *\n * ---\n *\n * #### Usage\n *\n * ```jsx\n * <FloatingActionButton icon={PlusIcon} onClick={() => createPayment()}>\n *   Create payment\n * </FloatingActionButton>\n *\n * // icon-only, accessibilityLabel is required\n * <FloatingActionButton\n *   icon={PlusIcon}\n *   accessibilityLabel=\"Create payment\"\n *   onClick={() => createPayment()}\n * />\n * ```\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-floatingactionbutton--docs FloatingActionButton Documentation}\n */\nconst _FloatingActionButton: React.ForwardRefRenderFunction<\n  BladeElementRef,\n  FloatingActionButtonProps\n> = (\n  {\n    children,\n    icon,\n    color = 'primary',\n    placement = 'bottom-end',\n    offset = 'spacing.5',\n    zIndex = componentZIndices.fab,\n    isDisabled = false,\n    isLoading = false,\n    href,\n    target,\n    rel,\n    type = 'button',\n    accessibilityLabel,\n    onClick,\n    onBlur,\n    onFocus,\n    onMouseLeave,\n    onMouseMove,\n    onMouseDown,\n    onPointerDown,\n    onPointerEnter,\n    onTouchStart,\n    onTouchEnd,\n    testID,\n    ...rest\n  },\n  ref,\n) => {\n  return (\n    <FloatingActionButtonContainer\n      placement={placement}\n      offset={offset}\n      zIndex={zIndex}\n      testID={testID}\n      {...rest}\n    >\n      <BaseButton\n        ref={ref}\n        icon={icon}\n        variant=\"primary\"\n        color={color}\n        size=\"large\"\n        _borderRadius=\"max\"\n        _iconSize=\"xlarge\"\n        _spinnerColor={colorToSpinnerColor[color]}\n        accessibilityProps={{ label: accessibilityLabel }}\n        href={href}\n        target={target}\n        rel={rel}\n        type={type}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        onClick={onClick}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onMouseLeave={onMouseLeave}\n        onMouseMove={onMouseMove}\n        onMouseDown={onMouseDown}\n        onPointerDown={onPointerDown}\n        onPointerEnter={onPointerEnter}\n        onTouchStart={onTouchStart}\n        onTouchEnd={onTouchEnd}\n      >\n        {children}\n      </BaseButton>\n    </FloatingActionButtonContainer>\n  );\n};\n\nconst FloatingActionButton = assignWithoutSideEffects(React.forwardRef(_FloatingActionButton), {\n  displayName: 'FloatingActionButton',\n  componentId: 'FloatingActionButton',\n});\n\nexport { FloatingActionButton };\n"],"names":["colorToSpinnerColor","primary","neutral","white","_FloatingActionButton","_ref","ref","children","icon","_ref$color","color","_ref$placement","placement","_ref$offset","offset","_ref$zIndex","zIndex","componentZIndices","fab","_ref$isDisabled","isDisabled","_ref$isLoading","isLoading","href","target","rel","_ref$type","type","accessibilityLabel","onClick","onBlur","onFocus","onMouseLeave","onMouseMove","onMouseDown","onPointerDown","onPointerEnter","onTouchStart","onTouchEnd","testID","rest","_objectWithoutProperties","_excluded","_jsx","FloatingActionButtonContainer","_objectSpread","BaseButton","variant","size","_borderRadius","_iconSize","_spinnerColor","accessibilityProps","label","FloatingActionButton","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}

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

@@ -314,6 +314,7 @@ var _ColorInput = function _ColorInput(_ref, ref) {
         necessityIndicator: necessityIndicator,
         children: label
       }), /*#__PURE__*/jsxs(StyledColorInput, {
+        $size: size,
         children: [/*#__PURE__*/jsx(BaseBox, {
           flex: "1",
           minWidth: "0px",

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

@@ -1 +1 @@
-{"version":3,"file":"ColorInput.web.js","sources":["../../../../../../../src/components/Input/ColorInput/ColorInput.web.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport type { ColorInputProps, ColorInputValue } from './types';\nimport { ColorSwatch } from './ColorSwatch.web';\nimport type { ColorSwatchRef } from './ColorSwatch.web';\nimport { StyledColorInput, COLOR_INPUT_ROW_CLASSNAME } from './StyledColorInput';\nimport { DEFAULT_COLOR_VALUE, isValidHex, isPartialHex, isValidOpacity } from './ColorInput.utils';\nimport { formHintLeftLabelMarginLeft } from '~components/Input/BaseInput/baseInputTokens';\nimport { BaseInput, getHintType } from '~components/Input/BaseInput/BaseInput';\nimport { FormLabel } from '~components/Form/FormLabel';\nimport { FormHint } from '~components/Form/FormHint';\nimport { useFormId } from '~components/Form/useFormId';\nimport { useControllableState } from '~utils/useControllable';\nimport { useId } from '~utils/useId';\nimport { useTheme } from '~components/BladeProvider';\nimport { useBreakpoint } from '~utils';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeSize } from '~utils/makeSize';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { BladeElementRef } from '~utils/types';\nimport type { FormInputOnEvent } from '~components/Form';\nimport type { FormInputOnKeyDownEvent } from '~components/Form/FormTypes';\nimport { throwBladeError } from '~utils/logger';\n\nconst _ColorInput: React.ForwardRefRenderFunction<BladeElementRef, ColorInputProps> = (\n  {\n    label,\n    accessibilityLabel,\n    labelPosition = 'top',\n    size = 'medium',\n    name,\n    value,\n    defaultValue,\n    onChange,\n    onFocus,\n    onBlur,\n    showOpacity = true,\n    validationState = 'none',\n    helpText,\n    errorText,\n    successText,\n    necessityIndicator,\n    isRequired,\n    isDisabled = false,\n    autoFocus,\n    testID,\n    ...rest\n  },\n  ref,\n) => {\n  if (__DEV__) {\n    const initialOpacity = value?.opacity ?? defaultValue?.opacity;\n    if (\n      initialOpacity !== undefined &&\n      (!Number.isInteger(initialOpacity) || initialOpacity < 0 || initialOpacity > 100)\n    ) {\n      throwBladeError({\n        message: `ColorInput: opacity must be an integer between 0 and 100, received ${initialOpacity}`,\n        moduleName: 'ColorInput',\n      });\n    }\n  }\n\n  const [colorValue, setColorValue] = useControllableState<ColorInputValue>({\n    value,\n    defaultValue: defaultValue ?? DEFAULT_COLOR_VALUE,\n    onChange: (newValue) => {\n      onChange?.({ name, value: newValue });\n    },\n    shouldUpdate: (prev, next) => prev.hex !== next.hex || prev.opacity !== next.opacity,\n  });\n\n  const [opacityDisplayValue, setOpacityDisplayValue] = useState<string>(() =>\n    String(value?.opacity ?? defaultValue?.opacity ?? DEFAULT_COLOR_VALUE.opacity),\n  );\n\n  // Local display state for the hex input so partial typing (1–5 chars) stays local\n  // and doesn't corrupt the color model until exactly 6 valid chars are present.\n  const [hexDisplayValue, setHexDisplayValue] = useState<string>(() =>\n    (value?.hex ?? defaultValue?.hex ?? DEFAULT_COLOR_VALUE.hex).replace(/^#/, ''),\n  );\n\n  // Focus boundary tracking: fire onFocus/onBlur once when focus enters/leaves\n  // the composite widget, not on each internal input transition.\n  const isFocusedRef = useRef(false);\n  const blurTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  // Store callbacks and current values in refs so handlers stay referentially stable\n  // and never capture stale closures across async timeouts.\n  const onFocusRef = useRef(onFocus);\n  useEffect(() => {\n    onFocusRef.current = onFocus;\n  }, [onFocus]);\n  const onBlurRef = useRef(onBlur);\n  useEffect(() => {\n    onBlurRef.current = onBlur;\n  }, [onBlur]);\n  const colorValueRef = useRef(colorValue);\n  useEffect(() => {\n    colorValueRef.current = colorValue;\n  }, [colorValue]);\n  const nameRef = useRef(name);\n  useEffect(() => {\n    nameRef.current = name;\n  }, [name]);\n\n  // Sync display value when the color model changes from an external source.\n  // Skip while focused so a controlled parent updating value mid-edit doesn't clobber partial input.\n  useEffect(() => {\n    if (!isFocusedRef.current) {\n      setHexDisplayValue(colorValue.hex.replace(/^#/, ''));\n    }\n  }, [colorValue.hex]);\n\n  useEffect(() => {\n    return () => {\n      if (blurTimeoutRef.current !== null) clearTimeout(blurTimeoutRef.current);\n    };\n  }, []);\n\n  // Stable focus handler — reads from refs so it delivers the current colorValue to onFocus.\n  const handleInputFocus = useCallback(() => {\n    if (blurTimeoutRef.current !== null) {\n      clearTimeout(blurTimeoutRef.current);\n      blurTimeoutRef.current = null;\n    }\n    if (!isFocusedRef.current) {\n      isFocusedRef.current = true;\n      onFocusRef.current?.({ name: nameRef.current, value: colorValueRef.current });\n    }\n  }, []);\n\n  // Stable blur handler — accepts the committed ColorInputValue to pass to onBlur.\n  const handleInputBlur = useCallback((blurValue: ColorInputValue) => {\n    blurTimeoutRef.current = setTimeout(() => {\n      blurTimeoutRef.current = null;\n      isFocusedRef.current = false;\n      onBlurRef.current?.({ name: nameRef.current, value: blurValue });\n    }, 0);\n  }, []);\n\n  const hexInputRef = useRef<BladeElementRef>(null);\n  const swatchRef = useRef<ColorSwatchRef>(null);\n  const { inputId, helpTextId, errorTextId, successTextId } = useFormId('color-input');\n  const idBase = useId('color-input');\n  const labelId = `${idBase}-label`;\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const isLabelLeftPositioned = labelPosition === 'left' && matchedDeviceType === 'desktop';\n\n  const handleHexChange = useCallback(\n    ({ value: inputValue }: { name?: string; value?: string }) => {\n      // Strip a leading '#' and trim whitespace so pasting '#FF5733 ' or typing '#' works naturally.\n      const raw = (inputValue ?? '').replace(/^#/, '').trim().toUpperCase();\n      if (raw === '') {\n        setHexDisplayValue('');\n        return;\n      }\n      if (isValidHex(raw) || isPartialHex(raw)) {\n        setHexDisplayValue(raw);\n      }\n      if (isValidHex(raw)) {\n        setColorValue((prev) => ({ ...prev, hex: `#${raw}` }));\n      }\n    },\n    [setColorValue],\n  );\n\n  const handleOpacityChange = useCallback(\n    ({ value: inputValue }: { name?: string; value?: string }) => {\n      const raw = inputValue ?? '';\n      setOpacityDisplayValue(raw);\n\n      if (raw === '') {\n        return;\n      }\n\n      // Reject strings with non-digit characters (e.g. '5a', '100x') so parseInt\n      // can't silently truncate and commit a partial value.\n      if (!/^\\d+$/.test(raw)) {\n        return;\n      }\n\n      const num = parseInt(raw, 10);\n      if (!Number.isNaN(num) && isValidOpacity(num)) {\n        setColorValue((prev) => ({ ...prev, opacity: num }));\n      }\n    },\n    [setColorValue],\n  );\n\n  const handleOpacityBlur = useCallback<FormInputOnEvent>(\n    (args) => {\n      const raw = args.value ?? '';\n      const num = parseInt(raw, 10);\n      if (raw === '' || !/^\\d+$/.test(raw) || Number.isNaN(num) || !isValidOpacity(num)) {\n        setOpacityDisplayValue(String(colorValue.opacity));\n      }\n      handleInputBlur(colorValue);\n    },\n    [colorValue, handleInputBlur],\n  );\n\n  const handleOpacityKeyDown = useCallback(\n    ({ key, event }: FormInputOnKeyDownEvent) => {\n      if (key === 'ArrowUp') {\n        event.preventDefault();\n        setColorValue((prev) => {\n          const next = Math.min(prev.opacity + 1, 100);\n          if (next !== prev.opacity) {\n            setOpacityDisplayValue(String(next));\n            return { ...prev, opacity: next };\n          }\n          return prev;\n        });\n      } else if (key === 'ArrowDown') {\n        event.preventDefault();\n        setColorValue((prev) => {\n          const next = Math.max(prev.opacity - 1, 0);\n          if (next !== prev.opacity) {\n            setOpacityDisplayValue(String(next));\n            return { ...prev, opacity: next };\n          }\n          return prev;\n        });\n      }\n    },\n    [setColorValue],\n  );\n\n  const handleSwatchChange = useCallback(\n    (hex: string) => {\n      // hex arrives with '#' prefix from ColorSwatch; strip for display, keep for model.\n      setHexDisplayValue(hex.replace(/^#/, ''));\n      setColorValue((prev) => ({ ...prev, hex }));\n    },\n    [setColorValue],\n  );\n\n  // Hex-specific blur: reset partial display to last committed valid value.\n  const handleHexInputBlur = useCallback(() => {\n    setHexDisplayValue(colorValue.hex.replace(/^#/, ''));\n    handleInputBlur(colorValue);\n  }, [colorValue, handleInputBlur]);\n\n  // Sync opacityDisplayValue when controlled value changes externally.\n  // Skip while focused so a controlled parent updating value mid-edit doesn't clobber partial input.\n  useEffect(() => {\n    if (!isFocusedRef.current) {\n      setOpacityDisplayValue(String(colorValue.opacity));\n    }\n  }, [colorValue.opacity]);\n\n  const willRenderHintText =\n    Boolean(helpText) ||\n    (validationState === 'success' && Boolean(successText)) ||\n    (validationState === 'error' && Boolean(errorText));\n\n  return (\n    <BaseBox\n      ref={ref as React.Ref<HTMLDivElement>}\n      display=\"flex\"\n      flexDirection=\"column\"\n      width=\"100%\"\n      {...metaAttribute({ name: MetaConstants.ColorInput, testID })}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <BaseBox\n        display=\"flex\"\n        flexDirection={isLabelLeftPositioned ? 'row' : 'column'}\n        alignItems={isLabelLeftPositioned ? 'center' : undefined}\n      >\n        {label && (\n          <FormLabel\n            as=\"label\"\n            position={labelPosition}\n            id={labelId}\n            htmlFor={inputId}\n            size={size}\n            necessityIndicator={necessityIndicator}\n          >\n            {label}\n          </FormLabel>\n        )}\n\n        <StyledColorInput>\n          <BaseBox flex=\"1\" minWidth=\"0px\" className={COLOR_INPUT_ROW_CLASSNAME}>\n            <BaseInput\n              ref={hexInputRef}\n              id={inputId}\n              label={label}\n              hideLabelText\n              accessibilityLabel={accessibilityLabel ?? label ?? 'Color hex code'}\n              labelId={labelId}\n              size={size}\n              placeholder=\"000000\"\n              value={hexDisplayValue}\n              onChange={handleHexChange}\n              onFocus={handleInputFocus}\n              onBlur={handleHexInputBlur}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n              validationState={validationState}\n              // eslint-disable-next-line jsx-a11y/no-autofocus\n              autoFocus={autoFocus}\n              maxCharacters={6}\n              hideFormHint\n              textAlign=\"left\"\n              leadingInteractionElement={\n                <ColorSwatch\n                  ref={swatchRef}\n                  color={colorValue.hex}\n                  size={size}\n                  isDisabled={isDisabled}\n                  onChange={handleSwatchChange}\n                  onFocus={handleInputFocus}\n                  onBlur={() => handleInputBlur(colorValue)}\n                />\n              }\n            />\n          </BaseBox>\n\n          {showOpacity && (\n            <BaseBox width=\"80px\" flexShrink={0} className={COLOR_INPUT_ROW_CLASSNAME}>\n              <BaseInput\n                id={`${inputId}-opacity`}\n                label=\"Opacity\"\n                hideLabelText\n                accessibilityLabel=\"Color opacity percentage\"\n                size={size}\n                placeholder=\"100\"\n                value={opacityDisplayValue}\n                onChange={handleOpacityChange}\n                onKeyDown={handleOpacityKeyDown}\n                onFocus={handleInputFocus}\n                onBlur={handleOpacityBlur}\n                isDisabled={isDisabled}\n                validationState={validationState}\n                suffix=\"%\"\n                textAlign=\"right\"\n                hideFormHint\n              />\n            </BaseBox>\n          )}\n        </StyledColorInput>\n      </BaseBox>\n\n      {willRenderHintText && (\n        <BaseBox\n          marginLeft={makeSize(\n            label && isLabelLeftPositioned ? formHintLeftLabelMarginLeft[size] : 0,\n          )}\n        >\n          <FormHint\n            type={getHintType({ validationState, hasHelpText: Boolean(helpText) })}\n            helpText={helpText}\n            errorText={errorText}\n            successText={successText}\n            helpTextId={helpTextId}\n            errorTextId={errorTextId}\n            successTextId={successTextId}\n            size={size}\n          />\n        </BaseBox>\n      )}\n    </BaseBox>\n  );\n};\n\nconst ColorInput = assignWithoutSideEffects(React.forwardRef(_ColorInput), {\n  displayName: 'ColorInput',\n  componentId: 'ColorInput',\n});\n\nexport { ColorInput };\n"],"names":["_ColorInput","_ref","ref","_ref7","label","accessibilityLabel","_ref$labelPosition","labelPosition","_ref$size","size","name","value","defaultValue","onChange","onFocus","onBlur","_ref$showOpacity","showOpacity","_ref$validationState","validationState","helpText","errorText","successText","necessityIndicator","isRequired","_ref$isDisabled","isDisabled","autoFocus","testID","rest","_objectWithoutProperties","_excluded","_value$opacity","initialOpacity","opacity","undefined","Number","isInteger","throwBladeError","message","concat","moduleName","_useControllableState","useControllableState","DEFAULT_COLOR_VALUE","newValue","shouldUpdate","prev","next","hex","_useControllableState2","_slicedToArray","colorValue","setColorValue","_useState","useState","_ref2","_value$opacity2","String","_useState2","opacityDisplayValue","setOpacityDisplayValue","_useState3","_ref3","_value$hex","replace","_useState4","hexDisplayValue","setHexDisplayValue","isFocusedRef","useRef","blurTimeoutRef","onFocusRef","useEffect","current","onBlurRef","colorValueRef","nameRef","clearTimeout","handleInputFocus","useCallback","_onFocusRef$current","call","handleInputBlur","blurValue","setTimeout","_onBlurRef$current","hexInputRef","swatchRef","_useFormId","useFormId","inputId","helpTextId","errorTextId","successTextId","idBase","useId","labelId","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","isLabelLeftPositioned","handleHexChange","_ref4","inputValue","raw","trim","toUpperCase","isValidHex","isPartialHex","_objectSpread","handleOpacityChange","_ref5","test","num","parseInt","isNaN","isValidOpacity","handleOpacityBlur","args","_args$value","handleOpacityKeyDown","_ref6","key","event","preventDefault","Math","min","max","handleSwatchChange","handleHexInputBlur","willRenderHintText","Boolean","_jsxs","BaseBox","display","flexDirection","width","metaAttribute","MetaConstants","ColorInput","getStyledProps","makeAnalyticsAttribute","children","alignItems","_jsx","FormLabel","as","position","id","htmlFor","StyledColorInput","flex","minWidth","className","COLOR_INPUT_ROW_CLASSNAME","BaseInput","hideLabelText","placeholder","maxCharacters","hideFormHint","textAlign","leadingInteractionElement","ColorSwatch","color","flexShrink","onKeyDown","suffix","marginLeft","makeSize","formHintLeftLabelMarginLeft","FormHint","type","getHintType","hasHelpText","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}
+{"version":3,"file":"ColorInput.web.js","sources":["../../../../../../../src/components/Input/ColorInput/ColorInput.web.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport type { ColorInputProps, ColorInputValue } from './types';\nimport { ColorSwatch } from './ColorSwatch.web';\nimport type { ColorSwatchRef } from './ColorSwatch.web';\nimport { StyledColorInput, COLOR_INPUT_ROW_CLASSNAME } from './StyledColorInput';\nimport { DEFAULT_COLOR_VALUE, isValidHex, isPartialHex, isValidOpacity } from './ColorInput.utils';\nimport { formHintLeftLabelMarginLeft } from '~components/Input/BaseInput/baseInputTokens';\nimport { BaseInput, getHintType } from '~components/Input/BaseInput/BaseInput';\nimport { FormLabel } from '~components/Form/FormLabel';\nimport { FormHint } from '~components/Form/FormHint';\nimport { useFormId } from '~components/Form/useFormId';\nimport { useControllableState } from '~utils/useControllable';\nimport { useId } from '~utils/useId';\nimport { useTheme } from '~components/BladeProvider';\nimport { useBreakpoint } from '~utils';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeSize } from '~utils/makeSize';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { BladeElementRef } from '~utils/types';\nimport type { FormInputOnEvent } from '~components/Form';\nimport type { FormInputOnKeyDownEvent } from '~components/Form/FormTypes';\nimport { throwBladeError } from '~utils/logger';\n\nconst _ColorInput: React.ForwardRefRenderFunction<BladeElementRef, ColorInputProps> = (\n  {\n    label,\n    accessibilityLabel,\n    labelPosition = 'top',\n    size = 'medium',\n    name,\n    value,\n    defaultValue,\n    onChange,\n    onFocus,\n    onBlur,\n    showOpacity = true,\n    validationState = 'none',\n    helpText,\n    errorText,\n    successText,\n    necessityIndicator,\n    isRequired,\n    isDisabled = false,\n    autoFocus,\n    testID,\n    ...rest\n  },\n  ref,\n) => {\n  if (__DEV__) {\n    const initialOpacity = value?.opacity ?? defaultValue?.opacity;\n    if (\n      initialOpacity !== undefined &&\n      (!Number.isInteger(initialOpacity) || initialOpacity < 0 || initialOpacity > 100)\n    ) {\n      throwBladeError({\n        message: `ColorInput: opacity must be an integer between 0 and 100, received ${initialOpacity}`,\n        moduleName: 'ColorInput',\n      });\n    }\n  }\n\n  const [colorValue, setColorValue] = useControllableState<ColorInputValue>({\n    value,\n    defaultValue: defaultValue ?? DEFAULT_COLOR_VALUE,\n    onChange: (newValue) => {\n      onChange?.({ name, value: newValue });\n    },\n    shouldUpdate: (prev, next) => prev.hex !== next.hex || prev.opacity !== next.opacity,\n  });\n\n  const [opacityDisplayValue, setOpacityDisplayValue] = useState<string>(() =>\n    String(value?.opacity ?? defaultValue?.opacity ?? DEFAULT_COLOR_VALUE.opacity),\n  );\n\n  // Local display state for the hex input so partial typing (1–5 chars) stays local\n  // and doesn't corrupt the color model until exactly 6 valid chars are present.\n  const [hexDisplayValue, setHexDisplayValue] = useState<string>(() =>\n    (value?.hex ?? defaultValue?.hex ?? DEFAULT_COLOR_VALUE.hex).replace(/^#/, ''),\n  );\n\n  // Focus boundary tracking: fire onFocus/onBlur once when focus enters/leaves\n  // the composite widget, not on each internal input transition.\n  const isFocusedRef = useRef(false);\n  const blurTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  // Store callbacks and current values in refs so handlers stay referentially stable\n  // and never capture stale closures across async timeouts.\n  const onFocusRef = useRef(onFocus);\n  useEffect(() => {\n    onFocusRef.current = onFocus;\n  }, [onFocus]);\n  const onBlurRef = useRef(onBlur);\n  useEffect(() => {\n    onBlurRef.current = onBlur;\n  }, [onBlur]);\n  const colorValueRef = useRef(colorValue);\n  useEffect(() => {\n    colorValueRef.current = colorValue;\n  }, [colorValue]);\n  const nameRef = useRef(name);\n  useEffect(() => {\n    nameRef.current = name;\n  }, [name]);\n\n  // Sync display value when the color model changes from an external source.\n  // Skip while focused so a controlled parent updating value mid-edit doesn't clobber partial input.\n  useEffect(() => {\n    if (!isFocusedRef.current) {\n      setHexDisplayValue(colorValue.hex.replace(/^#/, ''));\n    }\n  }, [colorValue.hex]);\n\n  useEffect(() => {\n    return () => {\n      if (blurTimeoutRef.current !== null) clearTimeout(blurTimeoutRef.current);\n    };\n  }, []);\n\n  // Stable focus handler — reads from refs so it delivers the current colorValue to onFocus.\n  const handleInputFocus = useCallback(() => {\n    if (blurTimeoutRef.current !== null) {\n      clearTimeout(blurTimeoutRef.current);\n      blurTimeoutRef.current = null;\n    }\n    if (!isFocusedRef.current) {\n      isFocusedRef.current = true;\n      onFocusRef.current?.({ name: nameRef.current, value: colorValueRef.current });\n    }\n  }, []);\n\n  // Stable blur handler — accepts the committed ColorInputValue to pass to onBlur.\n  const handleInputBlur = useCallback((blurValue: ColorInputValue) => {\n    blurTimeoutRef.current = setTimeout(() => {\n      blurTimeoutRef.current = null;\n      isFocusedRef.current = false;\n      onBlurRef.current?.({ name: nameRef.current, value: blurValue });\n    }, 0);\n  }, []);\n\n  const hexInputRef = useRef<BladeElementRef>(null);\n  const swatchRef = useRef<ColorSwatchRef>(null);\n  const { inputId, helpTextId, errorTextId, successTextId } = useFormId('color-input');\n  const idBase = useId('color-input');\n  const labelId = `${idBase}-label`;\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const isLabelLeftPositioned = labelPosition === 'left' && matchedDeviceType === 'desktop';\n\n  const handleHexChange = useCallback(\n    ({ value: inputValue }: { name?: string; value?: string }) => {\n      // Strip a leading '#' and trim whitespace so pasting '#FF5733 ' or typing '#' works naturally.\n      const raw = (inputValue ?? '').replace(/^#/, '').trim().toUpperCase();\n      if (raw === '') {\n        setHexDisplayValue('');\n        return;\n      }\n      if (isValidHex(raw) || isPartialHex(raw)) {\n        setHexDisplayValue(raw);\n      }\n      if (isValidHex(raw)) {\n        setColorValue((prev) => ({ ...prev, hex: `#${raw}` }));\n      }\n    },\n    [setColorValue],\n  );\n\n  const handleOpacityChange = useCallback(\n    ({ value: inputValue }: { name?: string; value?: string }) => {\n      const raw = inputValue ?? '';\n      setOpacityDisplayValue(raw);\n\n      if (raw === '') {\n        return;\n      }\n\n      // Reject strings with non-digit characters (e.g. '5a', '100x') so parseInt\n      // can't silently truncate and commit a partial value.\n      if (!/^\\d+$/.test(raw)) {\n        return;\n      }\n\n      const num = parseInt(raw, 10);\n      if (!Number.isNaN(num) && isValidOpacity(num)) {\n        setColorValue((prev) => ({ ...prev, opacity: num }));\n      }\n    },\n    [setColorValue],\n  );\n\n  const handleOpacityBlur = useCallback<FormInputOnEvent>(\n    (args) => {\n      const raw = args.value ?? '';\n      const num = parseInt(raw, 10);\n      if (raw === '' || !/^\\d+$/.test(raw) || Number.isNaN(num) || !isValidOpacity(num)) {\n        setOpacityDisplayValue(String(colorValue.opacity));\n      }\n      handleInputBlur(colorValue);\n    },\n    [colorValue, handleInputBlur],\n  );\n\n  const handleOpacityKeyDown = useCallback(\n    ({ key, event }: FormInputOnKeyDownEvent) => {\n      if (key === 'ArrowUp') {\n        event.preventDefault();\n        setColorValue((prev) => {\n          const next = Math.min(prev.opacity + 1, 100);\n          if (next !== prev.opacity) {\n            setOpacityDisplayValue(String(next));\n            return { ...prev, opacity: next };\n          }\n          return prev;\n        });\n      } else if (key === 'ArrowDown') {\n        event.preventDefault();\n        setColorValue((prev) => {\n          const next = Math.max(prev.opacity - 1, 0);\n          if (next !== prev.opacity) {\n            setOpacityDisplayValue(String(next));\n            return { ...prev, opacity: next };\n          }\n          return prev;\n        });\n      }\n    },\n    [setColorValue],\n  );\n\n  const handleSwatchChange = useCallback(\n    (hex: string) => {\n      // hex arrives with '#' prefix from ColorSwatch; strip for display, keep for model.\n      setHexDisplayValue(hex.replace(/^#/, ''));\n      setColorValue((prev) => ({ ...prev, hex }));\n    },\n    [setColorValue],\n  );\n\n  // Hex-specific blur: reset partial display to last committed valid value.\n  const handleHexInputBlur = useCallback(() => {\n    setHexDisplayValue(colorValue.hex.replace(/^#/, ''));\n    handleInputBlur(colorValue);\n  }, [colorValue, handleInputBlur]);\n\n  // Sync opacityDisplayValue when controlled value changes externally.\n  // Skip while focused so a controlled parent updating value mid-edit doesn't clobber partial input.\n  useEffect(() => {\n    if (!isFocusedRef.current) {\n      setOpacityDisplayValue(String(colorValue.opacity));\n    }\n  }, [colorValue.opacity]);\n\n  const willRenderHintText =\n    Boolean(helpText) ||\n    (validationState === 'success' && Boolean(successText)) ||\n    (validationState === 'error' && Boolean(errorText));\n\n  return (\n    <BaseBox\n      ref={ref as React.Ref<HTMLDivElement>}\n      display=\"flex\"\n      flexDirection=\"column\"\n      width=\"100%\"\n      {...metaAttribute({ name: MetaConstants.ColorInput, testID })}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <BaseBox\n        display=\"flex\"\n        flexDirection={isLabelLeftPositioned ? 'row' : 'column'}\n        alignItems={isLabelLeftPositioned ? 'center' : undefined}\n      >\n        {label && (\n          <FormLabel\n            as=\"label\"\n            position={labelPosition}\n            id={labelId}\n            htmlFor={inputId}\n            size={size}\n            necessityIndicator={necessityIndicator}\n          >\n            {label}\n          </FormLabel>\n        )}\n\n        <StyledColorInput $size={size}>\n          <BaseBox flex=\"1\" minWidth=\"0px\" className={COLOR_INPUT_ROW_CLASSNAME}>\n            <BaseInput\n              ref={hexInputRef}\n              id={inputId}\n              label={label}\n              hideLabelText\n              accessibilityLabel={accessibilityLabel ?? label ?? 'Color hex code'}\n              labelId={labelId}\n              size={size}\n              placeholder=\"000000\"\n              value={hexDisplayValue}\n              onChange={handleHexChange}\n              onFocus={handleInputFocus}\n              onBlur={handleHexInputBlur}\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n              validationState={validationState}\n              // eslint-disable-next-line jsx-a11y/no-autofocus\n              autoFocus={autoFocus}\n              maxCharacters={6}\n              hideFormHint\n              textAlign=\"left\"\n              leadingInteractionElement={\n                <ColorSwatch\n                  ref={swatchRef}\n                  color={colorValue.hex}\n                  size={size}\n                  isDisabled={isDisabled}\n                  onChange={handleSwatchChange}\n                  onFocus={handleInputFocus}\n                  onBlur={() => handleInputBlur(colorValue)}\n                />\n              }\n            />\n          </BaseBox>\n\n          {showOpacity && (\n            <BaseBox width=\"80px\" flexShrink={0} className={COLOR_INPUT_ROW_CLASSNAME}>\n              <BaseInput\n                id={`${inputId}-opacity`}\n                label=\"Opacity\"\n                hideLabelText\n                accessibilityLabel=\"Color opacity percentage\"\n                size={size}\n                placeholder=\"100\"\n                value={opacityDisplayValue}\n                onChange={handleOpacityChange}\n                onKeyDown={handleOpacityKeyDown}\n                onFocus={handleInputFocus}\n                onBlur={handleOpacityBlur}\n                isDisabled={isDisabled}\n                validationState={validationState}\n                suffix=\"%\"\n                textAlign=\"right\"\n                hideFormHint\n              />\n            </BaseBox>\n          )}\n        </StyledColorInput>\n      </BaseBox>\n\n      {willRenderHintText && (\n        <BaseBox\n          marginLeft={makeSize(\n            label && isLabelLeftPositioned ? formHintLeftLabelMarginLeft[size] : 0,\n          )}\n        >\n          <FormHint\n            type={getHintType({ validationState, hasHelpText: Boolean(helpText) })}\n            helpText={helpText}\n            errorText={errorText}\n            successText={successText}\n            helpTextId={helpTextId}\n            errorTextId={errorTextId}\n            successTextId={successTextId}\n            size={size}\n          />\n        </BaseBox>\n      )}\n    </BaseBox>\n  );\n};\n\nconst ColorInput = assignWithoutSideEffects(React.forwardRef(_ColorInput), {\n  displayName: 'ColorInput',\n  componentId: 'ColorInput',\n});\n\nexport { ColorInput };\n"],"names":["_ColorInput","_ref","ref","_ref7","label","accessibilityLabel","_ref$labelPosition","labelPosition","_ref$size","size","name","value","defaultValue","onChange","onFocus","onBlur","_ref$showOpacity","showOpacity","_ref$validationState","validationState","helpText","errorText","successText","necessityIndicator","isRequired","_ref$isDisabled","isDisabled","autoFocus","testID","rest","_objectWithoutProperties","_excluded","_value$opacity","initialOpacity","opacity","undefined","Number","isInteger","throwBladeError","message","concat","moduleName","_useControllableState","useControllableState","DEFAULT_COLOR_VALUE","newValue","shouldUpdate","prev","next","hex","_useControllableState2","_slicedToArray","colorValue","setColorValue","_useState","useState","_ref2","_value$opacity2","String","_useState2","opacityDisplayValue","setOpacityDisplayValue","_useState3","_ref3","_value$hex","replace","_useState4","hexDisplayValue","setHexDisplayValue","isFocusedRef","useRef","blurTimeoutRef","onFocusRef","useEffect","current","onBlurRef","colorValueRef","nameRef","clearTimeout","handleInputFocus","useCallback","_onFocusRef$current","call","handleInputBlur","blurValue","setTimeout","_onBlurRef$current","hexInputRef","swatchRef","_useFormId","useFormId","inputId","helpTextId","errorTextId","successTextId","idBase","useId","labelId","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","isLabelLeftPositioned","handleHexChange","_ref4","inputValue","raw","trim","toUpperCase","isValidHex","isPartialHex","_objectSpread","handleOpacityChange","_ref5","test","num","parseInt","isNaN","isValidOpacity","handleOpacityBlur","args","_args$value","handleOpacityKeyDown","_ref6","key","event","preventDefault","Math","min","max","handleSwatchChange","handleHexInputBlur","willRenderHintText","Boolean","_jsxs","BaseBox","display","flexDirection","width","metaAttribute","MetaConstants","ColorInput","getStyledProps","makeAnalyticsAttribute","children","alignItems","_jsx","FormLabel","as","position","id","htmlFor","StyledColorInput","$size","flex","minWidth","className","COLOR_INPUT_ROW_CLASSNAME","BaseInput","hideLabelText","placeholder","maxCharacters","hideFormHint","textAlign","leadingInteractionElement","ColorSwatch","color","flexShrink","onKeyDown","suffix","marginLeft","makeSize","formHintLeftLabelMarginLeft","FormHint","type","getHintType","hasHelpText","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}

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

@@ -11,13 +11,25 @@ import { size } from '../../../tokens/global/size.js';
 import useTheme from '../../BladeProvider/useTheme.js';
 import { BaseBox } from '../../Box/BaseBox/BaseBox.web.js';
 import { makeSize } from '../../../utils/makeSize/makeSize.js';
+import { opacity } from '../../../tokens/global/opacity.js';
 import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
 var swatchSizeTokens = {
-  xsmall: size['20'],
-  small: size['24'],
-  medium: size['28'],
-  large: size['40']
+  xsmall: size['16'],
+  small: size['16'],
+  medium: size['20'],
+  large: size['24']
+};
+
+/**
+ * BaseInput insets the leading interaction element by spacing.2 (4px). The spec places the
+ * swatch 8px from the field edge, and 12px at large, so make up the difference here.
+ */
+var swatchLeftPaddingTokens = {
+  xsmall: 'spacing.2',
+  small: 'spacing.2',
+  medium: 'spacing.2',
+  large: 'spacing.3'
 };
 var _ColorSwatch = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var color = _ref.color,
@@ -64,6 +76,7 @@ var _ColorSwatch = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onKeyDown: handleKeyDown,
     onFocus: onFocus,
     onBlur: onBlur,
+    paddingLeft: swatchLeftPaddingTokens[inputSize],
     cursor: isDisabled ? 'not-allowed' : 'pointer',
     children: [/*#__PURE__*/jsx(BaseBox, {
       as: "div",
@@ -74,7 +87,7 @@ var _ColorSwatch = /*#__PURE__*/forwardRef(function (_ref, ref) {
       style: {
         backgroundColor: padHexForPicker(color),
         border: "1px solid ".concat(borderColor),
-        opacity: isDisabled ? 0.5 : 1
+        opacity: isDisabled ? opacity['500'] : 1
       }
     }), /*#__PURE__*/jsx("input", {
       ref: colorInputRef,

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

@@ -1 +1 @@
-{"version":3,"file":"ColorSwatch.web.js","sources":["../../../../../../../src/components/Input/ColorInput/ColorSwatch.web.tsx"],"sourcesContent":["import React, { useRef, useImperativeHandle, forwardRef } from 'react';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { BaseInputProps } from '~components/Input/BaseInput';\nimport { useTheme } from '~components/BladeProvider';\nimport { makeSize } from '~utils/makeSize';\nimport { size } from '~tokens/global';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { padHexForPicker } from './ColorInput.utils';\nimport getIn from '~utils/lodashButBetter/get';\n\ntype ColorSwatchProps = {\n  color: string;\n  size: NonNullable<BaseInputProps['size']>;\n  isDisabled?: boolean;\n  onChange: (hex: string) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n};\n\ntype ColorSwatchRef = {\n  openPicker: () => void;\n};\n\nconst swatchSizeTokens = {\n  xsmall: size['20'],\n  small: size['24'],\n  medium: size['28'],\n  large: size['40'],\n} as const;\n\nconst _ColorSwatch = forwardRef<ColorSwatchRef, ColorSwatchProps>(\n  ({ color, size: inputSize, isDisabled, onChange, onFocus, onBlur }, ref) => {\n    const colorInputRef = useRef<HTMLInputElement>(null);\n    const { theme } = useTheme();\n    const borderColor = getIn(theme.colors, 'interactive.border.gray.default');\n\n    useImperativeHandle(ref, () => ({\n      openPicker: () => {\n        if (!isDisabled) {\n          colorInputRef.current?.click();\n        }\n      },\n    }));\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>): void => {\n      // Keep '#' prefix so the value matches ColorInputValue.hex format (e.g. '#FF5733').\n      const hexValue = e.target.value.toUpperCase();\n      onChange(hexValue);\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>): void => {\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault();\n        colorInputRef.current?.click();\n      }\n    };\n\n    const dimension = swatchSizeTokens[inputSize];\n\n    return (\n      <BaseBox\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        position=\"relative\"\n        role=\"button\"\n        aria-label=\"Open color picker\"\n        tabIndex={isDisabled ? -1 : 0}\n        onKeyDown={handleKeyDown}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        cursor={isDisabled ? 'not-allowed' : 'pointer'}\n      >\n        <BaseBox\n          as=\"div\"\n          width={makeSize(dimension)}\n          height={makeSize(dimension)}\n          borderRadius=\"xsmall\"\n          flexShrink={0}\n          style={{\n            backgroundColor: padHexForPicker(color),\n            border: `1px solid ${borderColor}`,\n            opacity: isDisabled ? 0.5 : 1,\n          }}\n        />\n        {/* Positioned over the swatch so clicks go directly to the input — avoids\n            programmatic .click() which does not open the picker on Firefox/Safari iOS. */}\n        <input\n          ref={colorInputRef}\n          type=\"color\"\n          value={padHexForPicker(color).toLowerCase()}\n          onChange={handleChange}\n          disabled={isDisabled}\n          tabIndex={-1}\n          aria-hidden=\"true\"\n          style={{\n            position: 'absolute',\n            inset: 0,\n            width: '100%',\n            height: '100%',\n            opacity: 0,\n            cursor: isDisabled ? 'not-allowed' : 'pointer',\n          }}\n        />\n      </BaseBox>\n    );\n  },\n);\n\nconst ColorSwatch = assignWithoutSideEffects(_ColorSwatch, {\n  displayName: 'ColorSwatch',\n});\n\nexport { ColorSwatch };\nexport type { ColorSwatchRef };\n"],"names":["swatchSizeTokens","xsmall","size","small","medium","large","_ColorSwatch","forwardRef","_ref","ref","color","inputSize","isDisabled","onChange","onFocus","onBlur","colorInputRef","useRef","_useTheme","useTheme","theme","borderColor","getIn","colors","useImperativeHandle","openPicker","_colorInputRef$curren","current","click","handleChange","e","hexValue","target","value","toUpperCase","handleKeyDown","key","_colorInputRef$curren2","preventDefault","dimension","_jsxs","BaseBox","display","alignItems","justifyContent","position","role","tabIndex","onKeyDown","cursor","children","_jsx","as","width","makeSize","height","borderRadius","flexShrink","style","backgroundColor","padHexForPicker","border","concat","opacity","type","toLowerCase","disabled","inset","ColorSwatch","assignWithoutSideEffects","displayName"],"mappings":"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"}
+{"version":3,"file":"ColorSwatch.web.js","sources":["../../../../../../../src/components/Input/ColorInput/ColorSwatch.web.tsx"],"sourcesContent":["import React, { useRef, useImperativeHandle, forwardRef } from 'react';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { BaseInputProps } from '~components/Input/BaseInput';\nimport { useTheme } from '~components/BladeProvider';\nimport { makeSize } from '~utils/makeSize';\nimport { opacity, size } from '~tokens/global';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { padHexForPicker } from './ColorInput.utils';\nimport getIn from '~utils/lodashButBetter/get';\n\ntype ColorSwatchProps = {\n  color: string;\n  size: NonNullable<BaseInputProps['size']>;\n  isDisabled?: boolean;\n  onChange: (hex: string) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n};\n\ntype ColorSwatchRef = {\n  openPicker: () => void;\n};\n\nconst swatchSizeTokens = {\n  xsmall: size['16'],\n  small: size['16'],\n  medium: size['20'],\n  large: size['24'],\n} as const;\n\n/**\n * BaseInput insets the leading interaction element by spacing.2 (4px). The spec places the\n * swatch 8px from the field edge, and 12px at large, so make up the difference here.\n */\nconst swatchLeftPaddingTokens = {\n  xsmall: 'spacing.2',\n  small: 'spacing.2',\n  medium: 'spacing.2',\n  large: 'spacing.3',\n} as const;\n\nconst _ColorSwatch = forwardRef<ColorSwatchRef, ColorSwatchProps>(\n  ({ color, size: inputSize, isDisabled, onChange, onFocus, onBlur }, ref) => {\n    const colorInputRef = useRef<HTMLInputElement>(null);\n    const { theme } = useTheme();\n    const borderColor = getIn(theme.colors, 'interactive.border.gray.default');\n\n    useImperativeHandle(ref, () => ({\n      openPicker: () => {\n        if (!isDisabled) {\n          colorInputRef.current?.click();\n        }\n      },\n    }));\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>): void => {\n      // Keep '#' prefix so the value matches ColorInputValue.hex format (e.g. '#FF5733').\n      const hexValue = e.target.value.toUpperCase();\n      onChange(hexValue);\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>): void => {\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault();\n        colorInputRef.current?.click();\n      }\n    };\n\n    const dimension = swatchSizeTokens[inputSize];\n\n    return (\n      <BaseBox\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        position=\"relative\"\n        role=\"button\"\n        aria-label=\"Open color picker\"\n        tabIndex={isDisabled ? -1 : 0}\n        onKeyDown={handleKeyDown}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        paddingLeft={swatchLeftPaddingTokens[inputSize]}\n        cursor={isDisabled ? 'not-allowed' : 'pointer'}\n      >\n        <BaseBox\n          as=\"div\"\n          width={makeSize(dimension)}\n          height={makeSize(dimension)}\n          borderRadius=\"xsmall\"\n          flexShrink={0}\n          style={{\n            backgroundColor: padHexForPicker(color),\n            border: `1px solid ${borderColor}`,\n            opacity: isDisabled ? opacity['500'] : 1,\n          }}\n        />\n        {/* Positioned over the swatch so clicks go directly to the input — avoids\n            programmatic .click() which does not open the picker on Firefox/Safari iOS. */}\n        <input\n          ref={colorInputRef}\n          type=\"color\"\n          value={padHexForPicker(color).toLowerCase()}\n          onChange={handleChange}\n          disabled={isDisabled}\n          tabIndex={-1}\n          aria-hidden=\"true\"\n          style={{\n            position: 'absolute',\n            inset: 0,\n            width: '100%',\n            height: '100%',\n            opacity: 0,\n            cursor: isDisabled ? 'not-allowed' : 'pointer',\n          }}\n        />\n      </BaseBox>\n    );\n  },\n);\n\nconst ColorSwatch = assignWithoutSideEffects(_ColorSwatch, {\n  displayName: 'ColorSwatch',\n});\n\nexport { ColorSwatch };\nexport type { ColorSwatchRef };\n"],"names":["swatchSizeTokens","xsmall","size","small","medium","large","swatchLeftPaddingTokens","_ColorSwatch","forwardRef","_ref","ref","color","inputSize","isDisabled","onChange","onFocus","onBlur","colorInputRef","useRef","_useTheme","useTheme","theme","borderColor","getIn","colors","useImperativeHandle","openPicker","_colorInputRef$curren","current","click","handleChange","e","hexValue","target","value","toUpperCase","handleKeyDown","key","_colorInputRef$curren2","preventDefault","dimension","_jsxs","BaseBox","display","alignItems","justifyContent","position","role","tabIndex","onKeyDown","paddingLeft","cursor","children","_jsx","as","width","makeSize","height","borderRadius","flexShrink","style","backgroundColor","padHexForPicker","border","concat","opacity","type","toLowerCase","disabled","inset","ColorSwatch","assignWithoutSideEffects","displayName"],"mappings":"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"}

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

@@ -1,17 +1,20 @@
 import styled from 'styled-components';
 import '../../Box/BaseBox/index.js';
+import { baseInputBorderRadius } from '../BaseInput/baseInputTokens.js';
 import '../../../utils/index.js';
 import { BaseBox } from '../../Box/BaseBox/BaseBox.web.js';
 import { makeBorderSize } from '../../../utils/makeBorderSize/makeBorderSize.js';
+import { makeSpace } from '../../../utils/makeSpace/makeSpace.js';
 
 var CLASSNAME = '__blade-color-input-row';
 var StyledColorInput = /*#__PURE__*/styled(BaseBox).withConfig({
   displayName: "StyledColorInput",
   componentId: "sc-1gdzo5z-0"
 })(["", ""], function (_ref) {
-  var theme = _ref.theme;
-  var radius = makeBorderSize(theme.border.radius.small);
-  return "\n      display: flex;\n      flex-direction: row;\n      align-items: stretch;\n\n      /* Reset border-radius on all inputs */\n      & .".concat(CLASSNAME, " .__blade-base-input-wrapper,\n      & .").concat(CLASSNAME, " .focus-ring-wrapper {\n        border-radius: 0;\n      }\n\n      /* Elevate hovered/focused input above siblings */\n      & .").concat(CLASSNAME, " .__blade-base-input-wrapper {\n        position: relative;\n        z-index: 0;\n      }\n\n      & .").concat(CLASSNAME, " .__blade-base-input-wrapper:hover,\n      & .").concat(CLASSNAME, " .__blade-base-input-wrapper:focus-within {\n        z-index: 1;\n      }\n\n      /* First input: left border-radius */\n      & .").concat(CLASSNAME, ":first-child .__blade-base-input-wrapper,\n      & .").concat(CLASSNAME, ":first-child .focus-ring-wrapper {\n        border-top-left-radius: ").concat(radius, ";\n        border-bottom-left-radius: ").concat(radius, ";\n      }\n\n      /* Last input: right border-radius */\n      & .").concat(CLASSNAME, ":last-child .__blade-base-input-wrapper,\n      & .").concat(CLASSNAME, ":last-child .focus-ring-wrapper {\n        border-top-right-radius: ").concat(radius, ";\n        border-bottom-right-radius: ").concat(radius, ";\n      }\n\n      /* Only child: full border-radius */\n      & .").concat(CLASSNAME, ":only-child .__blade-base-input-wrapper,\n      & .").concat(CLASSNAME, ":only-child .focus-ring-wrapper {\n        border-radius: ").concat(radius, ";\n      }\n    ");
+  var theme = _ref.theme,
+    $size = _ref.$size;
+  var radius = makeBorderSize(theme.border.radius[baseInputBorderRadius[$size]]);
+  return "\n      display: flex;\n      flex-direction: row;\n      align-items: stretch;\n\n      /* BaseInput spaces the value 12px from the leading slot at medium/large.\n         ColorInput keeps the swatch-to-hex gap at 8px across every size.\n         The color picker input is excluded \u2014 it is absolutely positioned over the swatch. */\n      & .".concat(CLASSNAME, ":first-child input:not([type='color']) {\n        padding-left: ").concat(makeSpace(theme.spacing[3]), ";\n      }\n\n      /* Reset border-radius on all inputs */\n      & .").concat(CLASSNAME, " .__blade-base-input-wrapper,\n      & .").concat(CLASSNAME, " .focus-ring-wrapper {\n        border-radius: 0;\n      }\n\n      /* Elevate hovered/focused input above siblings */\n      & .").concat(CLASSNAME, " .__blade-base-input-wrapper {\n        position: relative;\n        z-index: 0;\n      }\n\n      & .").concat(CLASSNAME, " .__blade-base-input-wrapper:hover,\n      & .").concat(CLASSNAME, " .__blade-base-input-wrapper:focus-within {\n        z-index: 1;\n      }\n\n      /* First input: left border-radius */\n      & .").concat(CLASSNAME, ":first-child .__blade-base-input-wrapper,\n      & .").concat(CLASSNAME, ":first-child .focus-ring-wrapper {\n        border-top-left-radius: ").concat(radius, ";\n        border-bottom-left-radius: ").concat(radius, ";\n      }\n\n      /* Last input: right border-radius */\n      & .").concat(CLASSNAME, ":last-child .__blade-base-input-wrapper,\n      & .").concat(CLASSNAME, ":last-child .focus-ring-wrapper {\n        border-top-right-radius: ").concat(radius, ";\n        border-bottom-right-radius: ").concat(radius, ";\n      }\n\n      /* Only child: full border-radius */\n      & .").concat(CLASSNAME, ":only-child .__blade-base-input-wrapper,\n      & .").concat(CLASSNAME, ":only-child .focus-ring-wrapper {\n        border-radius: ").concat(radius, ";\n      }\n    ");
 });
 
 export { CLASSNAME as COLOR_INPUT_ROW_CLASSNAME, StyledColorInput };

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

@@ -1 +1 @@
-{"version":3,"file":"StyledColorInput.js","sources":["../../../../../../../src/components/Input/ColorInput/StyledColorInput.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeBorderSize } from '~utils';\n\nconst CLASSNAME = '__blade-color-input-row';\n\nconst StyledColorInput = styled(BaseBox)`\n  ${({ theme }) => {\n    const radius = makeBorderSize(theme.border.radius.small);\n    return `\n      display: flex;\n      flex-direction: row;\n      align-items: stretch;\n\n      /* Reset border-radius on all inputs */\n      & .${CLASSNAME} .__blade-base-input-wrapper,\n      & .${CLASSNAME} .focus-ring-wrapper {\n        border-radius: 0;\n      }\n\n      /* Elevate hovered/focused input above siblings */\n      & .${CLASSNAME} .__blade-base-input-wrapper {\n        position: relative;\n        z-index: 0;\n      }\n\n      & .${CLASSNAME} .__blade-base-input-wrapper:hover,\n      & .${CLASSNAME} .__blade-base-input-wrapper:focus-within {\n        z-index: 1;\n      }\n\n      /* First input: left border-radius */\n      & .${CLASSNAME}:first-child .__blade-base-input-wrapper,\n      & .${CLASSNAME}:first-child .focus-ring-wrapper {\n        border-top-left-radius: ${radius};\n        border-bottom-left-radius: ${radius};\n      }\n\n      /* Last input: right border-radius */\n      & .${CLASSNAME}:last-child .__blade-base-input-wrapper,\n      & .${CLASSNAME}:last-child .focus-ring-wrapper {\n        border-top-right-radius: ${radius};\n        border-bottom-right-radius: ${radius};\n      }\n\n      /* Only child: full border-radius */\n      & .${CLASSNAME}:only-child .__blade-base-input-wrapper,\n      & .${CLASSNAME}:only-child .focus-ring-wrapper {\n        border-radius: ${radius};\n      }\n    `;\n  }}\n`;\n\nexport { StyledColorInput, CLASSNAME as COLOR_INPUT_ROW_CLASSNAME };\n"],"names":["CLASSNAME","StyledColorInput","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","radius","makeBorderSize","border","small","concat"],"mappings":";;;;;;AAIMA,IAAAA,SAAS,GAAG,0BAAyB;AAE3C,IAAMC,gBAAgB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,kBAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CACpC,CAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,EAAA,UAAAC,IAAA,EAAe;AAAA,EAAA,IAAZC,KAAK,GAAAD,IAAA,CAALC,KAAK,CAAA;EACR,IAAMC,MAAM,GAAGC,cAAc,CAACF,KAAK,CAACG,MAAM,CAACF,MAAM,CAACG,KAAK,CAAC,CAAA;AACxD,EAAA,OAAA,6IAAA,CAAAC,MAAA,CAMOb,SAAS,EAAA,0CAAA,CAAA,CAAAa,MAAA,CACTb,SAAS,EAAA,mIAAA,CAAA,CAAAa,MAAA,CAKTb,SAAS,EAAA,wGAAA,CAAA,CAAAa,MAAA,CAKTb,SAAS,EAAA,gDAAA,CAAA,CAAAa,MAAA,CACTb,SAAS,EAAA,qIAAA,CAAA,CAAAa,MAAA,CAKTb,SAAS,EAAA,sDAAA,CAAA,CAAAa,MAAA,CACTb,SAAS,EAAA,sEAAA,CAAA,CAAAa,MAAA,CACcJ,MAAM,EAAAI,wCAAAA,CAAAA,CAAAA,MAAA,CACHJ,MAAM,EAAAI,sEAAAA,CAAAA,CAAAA,MAAA,CAIhCb,SAAS,EAAAa,qDAAAA,CAAAA,CAAAA,MAAA,CACTb,SAAS,EAAAa,sEAAAA,CAAAA,CAAAA,MAAA,CACeJ,MAAM,EAAAI,yCAAAA,CAAAA,CAAAA,MAAA,CACHJ,MAAM,EAAAI,qEAAAA,CAAAA,CAAAA,MAAA,CAIjCb,SAAS,EAAAa,qDAAAA,CAAAA,CAAAA,MAAA,CACTb,SAAS,EAAAa,4DAAAA,CAAAA,CAAAA,MAAA,CACKJ,MAAM,EAAA,kBAAA,CAAA,CAAA;AAG7B,CAAC;;;;"}
+{"version":3,"file":"StyledColorInput.js","sources":["../../../../../../../src/components/Input/ColorInput/StyledColorInput.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { BaseInputProps } from '~components/Input/BaseInput';\nimport { baseInputBorderRadius } from '~components/Input/BaseInput/baseInputTokens';\nimport { makeBorderSize, makeSpace } from '~utils';\n\nconst CLASSNAME = '__blade-color-input-row';\n\ntype StyledColorInputProps = {\n  $size: NonNullable<BaseInputProps['size']>;\n};\n\nconst StyledColorInput = styled(BaseBox)<StyledColorInputProps>`\n  ${({ theme, $size }) => {\n    const radius = makeBorderSize(theme.border.radius[baseInputBorderRadius[$size]]);\n    return `\n      display: flex;\n      flex-direction: row;\n      align-items: stretch;\n\n      /* BaseInput spaces the value 12px from the leading slot at medium/large.\n         ColorInput keeps the swatch-to-hex gap at 8px across every size.\n         The color picker input is excluded — it is absolutely positioned over the swatch. */\n      & .${CLASSNAME}:first-child input:not([type='color']) {\n        padding-left: ${makeSpace(theme.spacing[3])};\n      }\n\n      /* Reset border-radius on all inputs */\n      & .${CLASSNAME} .__blade-base-input-wrapper,\n      & .${CLASSNAME} .focus-ring-wrapper {\n        border-radius: 0;\n      }\n\n      /* Elevate hovered/focused input above siblings */\n      & .${CLASSNAME} .__blade-base-input-wrapper {\n        position: relative;\n        z-index: 0;\n      }\n\n      & .${CLASSNAME} .__blade-base-input-wrapper:hover,\n      & .${CLASSNAME} .__blade-base-input-wrapper:focus-within {\n        z-index: 1;\n      }\n\n      /* First input: left border-radius */\n      & .${CLASSNAME}:first-child .__blade-base-input-wrapper,\n      & .${CLASSNAME}:first-child .focus-ring-wrapper {\n        border-top-left-radius: ${radius};\n        border-bottom-left-radius: ${radius};\n      }\n\n      /* Last input: right border-radius */\n      & .${CLASSNAME}:last-child .__blade-base-input-wrapper,\n      & .${CLASSNAME}:last-child .focus-ring-wrapper {\n        border-top-right-radius: ${radius};\n        border-bottom-right-radius: ${radius};\n      }\n\n      /* Only child: full border-radius */\n      & .${CLASSNAME}:only-child .__blade-base-input-wrapper,\n      & .${CLASSNAME}:only-child .focus-ring-wrapper {\n        border-radius: ${radius};\n      }\n    `;\n  }}\n`;\n\nexport { StyledColorInput, CLASSNAME as COLOR_INPUT_ROW_CLASSNAME };\n"],"names":["CLASSNAME","StyledColorInput","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","$size","radius","makeBorderSize","border","baseInputBorderRadius","concat","makeSpace","spacing"],"mappings":";;;;;;;;AAMMA,IAAAA,SAAS,GAAG,0BAAyB;AAM3C,IAAMC,gBAAgB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,kBAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CACpC,CAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,EAAA,UAAAC,IAAA,EAAsB;AAAA,EAAA,IAAnBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK,CAAA;AACf,EAAA,IAAMC,MAAM,GAAGC,cAAc,CAACH,KAAK,CAACI,MAAM,CAACF,MAAM,CAACG,qBAAqB,CAACJ,KAAK,CAAC,CAAC,CAAC,CAAA;AAChF,EAAA,OAAA,8VAAA,CAAAK,MAAA,CAQOd,SAAS,EAAAc,kEAAAA,CAAAA,CAAAA,MAAA,CACIC,SAAS,CAACP,KAAK,CAACQ,OAAO,CAAC,CAAC,CAAC,CAAC,4EAAAF,MAAA,CAIxCd,SAAS,EAAA,0CAAA,CAAA,CAAAc,MAAA,CACTd,SAAS,EAAAc,mIAAAA,CAAAA,CAAAA,MAAA,CAKTd,SAAS,EAAA,wGAAA,CAAA,CAAAc,MAAA,CAKTd,SAAS,EAAAc,gDAAAA,CAAAA,CAAAA,MAAA,CACTd,SAAS,EAAA,qIAAA,CAAA,CAAAc,MAAA,CAKTd,SAAS,EAAAc,sDAAAA,CAAAA,CAAAA,MAAA,CACTd,SAAS,EAAA,sEAAA,CAAA,CAAAc,MAAA,CACcJ,MAAM,EAAAI,wCAAAA,CAAAA,CAAAA,MAAA,CACHJ,MAAM,0EAAAI,MAAA,CAIhCd,SAAS,EAAA,qDAAA,CAAA,CAAAc,MAAA,CACTd,SAAS,EAAAc,sEAAAA,CAAAA,CAAAA,MAAA,CACeJ,MAAM,EAAA,yCAAA,CAAA,CAAAI,MAAA,CACHJ,MAAM,EAAAI,qEAAAA,CAAAA,CAAAA,MAAA,CAIjCd,SAAS,yDAAAc,MAAA,CACTd,SAAS,EAAAc,4DAAAA,CAAAA,CAAAA,MAAA,CACKJ,MAAM,EAAA,kBAAA,CAAA,CAAA;AAG7B,CAAC;;;;"}