outline static method

MinInputStyle outline(MinThemeData theme)

Variante por defecto. Borde sutil en reposo, ring animado al enfocar.

Replica el estilo <Input> de shadcn/ui.

Implementation

static MinInputStyle outline(MinThemeData theme) {
  final colors = theme.colors;
  return MinInputStyle(
    idle: BoxDecoration(
      color: colors.background,
      borderRadius: BorderRadius.circular(theme.radius.md),
      border: Border.all(color: colors.border),
    ),
    focused: BoxDecoration(
      color: colors.background,
      borderRadius: BorderRadius.circular(theme.radius.md),
      border: Border.all(color: colors.border),
      boxShadow: [
        BoxShadow(
          color: colors.ring.withAlpha(50),
          blurRadius: 0,
          spreadRadius: 3,
        ),
      ],
    ),
    error: BoxDecoration(
      color: colors.background,
      borderRadius: BorderRadius.circular(theme.radius.md),
      border: Border.all(color: colors.destructive),
      boxShadow: [
        BoxShadow(
          color: colors.destructive.withAlpha(30),
          blurRadius: 0,
          spreadRadius: 3,
        ),
      ],
    ),
    disabled: BoxDecoration(
      color: colors.muted,
      borderRadius: BorderRadius.circular(theme.radius.md),
      border: Border.all(color: colors.input),
    ),
  );
}