feat(material_theme): implement `text_input::Catalog`

2 files changed, 82 insertions, 0 deletions

diff --git a/crates/material_theme/src/lib.rs b/crates/material_theme/src/lib.rs
index 521af2c..adffe09 100644
--- a/crates/material_theme/src/lib.rs
+++ b/crates/material_theme/src/lib.rs
@@ -12,6 +12,7 @@ pub mod menu;
 pub mod pick_list;
 pub mod scrollable;
 pub mod text;
+pub mod text_input;
 pub mod utils;
 
 const DARK_THEME_CONTENT: &str = include_str!("../assets/themes/dark.toml");
diff --git a/crates/material_theme/src/text_input.rs b/crates/material_theme/src/text_input.rs
new file mode 100644
index 0000000..5fa65ef
--- /dev/null
+++ b/crates/material_theme/src/text_input.rs
@@ -0,0 +1,81 @@
+use iced_widget::core::{Background, Border, Color};
+use iced_widget::text_input::{Catalog, Status, Style, StyleFn};
+
+use super::Theme;
+use crate::utils::{DISABLED_CONTAINER_OPACITY, DISABLED_TEXT_OPACITY};
+
+impl Catalog for Theme {
+    type Class<'a> = StyleFn<'a, Self>;
+
+    fn default<'a>() -> Self::Class<'a> {
+        Box::new(default)
+    }
+
+    fn style(&self, class: &Self::Class<'_>, status: Status) -> Style {
+        class(self, status)
+    }
+}
+
+pub fn default(theme: &Theme, status: Status) -> Style {
+    let surface = theme.colorscheme.surface;
+    let primary = theme.colorscheme.primary;
+
+    let active = Style {
+        background: Background::Color(surface.surface_container.highest),
+        border: Border {
+            color: theme.colorscheme.outline.color,
+            width: 1.0,
+            radius: 4.into(),
+        },
+        icon: surface.on_surface_variant,
+        placeholder: surface.on_surface_variant,
+        value: surface.on_surface,
+        selection: surface.on_surface,
+    };
+
+    match status {
+        Status::Active => active,
+        Status::Hovered => Style {
+            border: Border {
+                color: surface.on_surface,
+                ..active.border
+            },
+            ..active
+        },
+        Status::Disabled => Style {
+            background: Color::TRANSPARENT.into(),
+            border: Border {
+                color: Color {
+                    a: DISABLED_CONTAINER_OPACITY,
+                    ..surface.on_surface
+                },
+                ..active.border
+            },
+            icon: Color {
+                a: DISABLED_TEXT_OPACITY,
+                ..surface.on_surface
+            },
+            placeholder: Color {
+                a: DISABLED_TEXT_OPACITY,
+                ..surface.on_surface
+            },
+            value: Color {
+                a: DISABLED_TEXT_OPACITY,
+                ..surface.on_surface
+            },
+            selection: Color {
+                a: DISABLED_TEXT_OPACITY,
+                ..surface.on_surface
+            },
+        },
+        Status::Focused { .. } => Style {
+            border: Border {
+                color: primary.color,
+                width: 2.0,
+                ..active.border
+            },
+            placeholder: primary.color,
+            ..active
+        },
+    }
+}