message: fix(input): make focus outline take precedence over isInvalid outline
diff: @@ -81,15 +81,15 @@ function variantOutline(props: Record<string, any>) {
  opacity: 0.4,
  cursor: "not-allowed",
  },
  + _invalid: {
  + borderColor: getColor(theme, ec),
  + boxShadow: `0 0 0 1px ${getColor(theme, ec)}`,
  + },
  _focus: {
  zIndex: 1,
  borderColor: getColor(theme, fc),
  boxShadow: `0 0 0 1px ${getColor(theme, fc)}`,
  },
  - _invalid: {
  - borderColor: getColor(theme, ec),
  - boxShadow: `0 0 0 1px ${getColor(theme, ec)}`,
  - },
  },
  addon: {
  border: "1px solid",
  @@ -119,13 +119,13 @@ function variantFilled(props: Record<string, any>) {
  opacity: 0.4,
  cursor: "not-allowed",
  },
  + _invalid: {
  + borderColor: getColor(theme, ec),
  + },
  _focus: {
  bg: "transparent",
  borderColor: getColor(theme, fc),
  },
  - _invalid: {
  - borderColor: getColor(theme, ec),
  - },
  },
  addon: {
  border: "2px solid",
  @@ -151,14 +151,14 @@ function variantFlushed(props: Record<string, any>) {
  boxShadow: "none !important",
  userSelect: "all",
  },
  - _focus: {
  - borderColor: getColor(theme, fc),
  - boxShadow: `0px 1px 0px 0px ${getColor(theme, fc)}`,
  - },
  _invalid: {
  borderColor: getColor(theme, ec),
  boxShadow: `0 0 0 1px ${getColor(theme, ec)}`,
  },
  + _focus: {
  + borderColor: getColor(theme, fc),
  + boxShadow: `0px 1px 0px 0px ${getColor(theme, fc)}`,
  + },
  },
  addon: {
  borderBottom: "2px solid",
  