refactor

crates/core/src/checkbox.rs

@@ -2,12 +2,12 @@
 
 use gpui::prelude::FluentBuilder as _;
 use gpui::{
-    App, BoxShadow, ElementId, InteractiveElement as _, IntoElement, ParentElement as _,
-    RenderOnce, Role, SharedString, StatefulInteractiveElement as _, Styled as _, Toggled, Window,
-    px,
+    App, ElementId, InteractiveElement as _, IntoElement, ParentElement as _, RenderOnce, Role,
+    SharedString, StatefulInteractiveElement as _, Styled as _, Toggled, Window,
 };
 use gpui_native_icons::{IconRole, icon};
 use gpui_native_theme::{ActiveTheme as _, Size};
+use gpui_native_utils::focus_ring;
 
 use crate::common::{Sizable, h_flex};
 
@@ -112,13 +112,7 @@ impl RenderOnce for Checkbox {
                     .cursor_pointer()
                     .focusable()
                     .tab_stop(true)
-                    .focus_visible(|style| {
-                        // Paint-only keyboard ring; the width joins the native
-                        // metrics table when that lands.
-                        style.shadow(vec![
-                            BoxShadow::new(px(0.), px(0.), colors.ring).spread_radius(px(3.)),
-                        ])
-                    })
+                    .focus_visible(|style| style.shadow(focus_ring(colors.ring)))
                     .when_some(on_change, |checkbox, on_change| {
                         checkbox.on_click(move |_, window, cx| on_change(next, window, cx))
                     })