diff --git a/book-examples/dioxus/src/icons.rs b/book-examples/dioxus/src/icons.rs index e15579e..ead0f36 100644 --- a/book-examples/dioxus/src/icons.rs +++ b/book-examples/dioxus/src/icons.rs @@ -1778,6 +1778,12 @@ pub fn IconsC1() -> Element { }, "Caravan", ), + ( + rsx! { + CardSim {} + }, + "Card Sim", + ), ( rsx! { Carrot {} @@ -2144,12 +2150,6 @@ pub fn IconsC1() -> Element { }, "Circle Arrow Out Down Left", ), - ( - rsx! { - CircleArrowOutDownRight {} - }, - "Circle Arrow Out Down Right", - ), ]; rsx! { for (icon , name) in icons { @@ -2165,6 +2165,12 @@ pub fn IconsC1() -> Element { #[component] pub fn IconsC2() -> Element { let icons = [ + ( + rsx! { + CircleArrowOutDownRight {} + }, + "Circle Arrow Out Down Right", + ), ( rsx! { CircleArrowOutUpLeft {} @@ -2759,12 +2765,6 @@ pub fn IconsC2() -> Element { }, "Columns 2", ), - ( - rsx! { - Columns3 {} - }, - "Columns 3", - ), ]; rsx! { for (icon , name) in icons { @@ -2780,6 +2780,12 @@ pub fn IconsC2() -> Element { #[component] pub fn IconsC3() -> Element { let icons = [ + ( + rsx! { + Columns3 {} + }, + "Columns 3", + ), ( rsx! { Columns3Cog {} diff --git a/book-examples/leptos/src/icons.rs b/book-examples/leptos/src/icons.rs index c06a127..8dbc352 100644 --- a/book-examples/leptos/src/icons.rs +++ b/book-examples/leptos/src/icons.rs @@ -393,6 +393,7 @@ pub fn IconsC() -> impl IntoView { (view! { }.into_any(), "Car Front"), (view! { }.into_any(), "Car Taxi Front"), (view! { }.into_any(), "Caravan"), + (view! { }.into_any(), "Card Sim"), (view! { }.into_any(), "Carrot"), (view! { }.into_any(), "Case Lower"), (view! { }.into_any(), "Case Sensitive"), diff --git a/book-examples/yew/src/icons.rs b/book-examples/yew/src/icons.rs index 197bdde..51fd11e 100644 --- a/book-examples/yew/src/icons.rs +++ b/book-examples/yew/src/icons.rs @@ -404,6 +404,7 @@ pub fn IconsC() -> Html { (html! { }, "Car Front"), (html! { }, "Car Taxi Front"), (html! { }, "Caravan"), + (html! { }, "Card Sim"), (html! { }, "Carrot"), (html! { }, "Case Lower"), (html! { }, "Case Sensitive"), diff --git a/packages/dioxus/src/card_sim.rs b/packages/dioxus/src/card_sim.rs new file mode 100644 index 0000000..9c1039e --- /dev/null +++ b/packages/dioxus/src/card_sim.rs @@ -0,0 +1,49 @@ +use dioxus::prelude::*; +#[derive(Clone, PartialEq, Props)] +pub struct CardSimProps { + #[props(default = 24)] + pub size: usize, + #[props(default = "currentColor".to_owned())] + pub color: String, + #[props(default = "none".to_owned())] + pub fill: String, + #[props(default = 2)] + pub stroke_width: usize, + #[props(default = false)] + pub absolute_stroke_width: bool, + pub class: Option, + pub style: Option, +} +#[component] +pub fn CardSim(props: CardSimProps) -> Element { + let stroke_width = if props.absolute_stroke_width { + props.stroke_width * 24 / props.size + } else { + props.stroke_width + }; + rsx! { + svg { + "xmlns": "http://www.w3.org/2000/svg", + "class": if let Some(class) = props.class { "{class}" }, + "style": if let Some(style) = props.style { "{style}" }, + "width": "{props.size}", + "height": "{props.size}", + "viewBox": "0 0 24 24", + "fill": "{props.fill}", + "stroke": "{props.color}", + "stroke-width": "{stroke_width}", + "stroke-linecap": "round", + "stroke-linejoin": "round", + path { "d": "M12 14v4" } + path { "d": "M14.172 2a2 2 0 0 1 1.414.586l3.828 3.828A2 2 0 0 1 20 7.828V20a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z" } + path { "d": "M8 14h8" } + rect { + "x": "8", + "y": "10", + "width": "8", + "height": "8", + "rx": "1", + } + } + } +} diff --git a/packages/dioxus/src/lib.rs b/packages/dioxus/src/lib.rs index eb20dd5..f35c7db 100644 --- a/packages/dioxus/src/lib.rs +++ b/packages/dioxus/src/lib.rs @@ -653,6 +653,13 @@ mod car_front; mod car_taxi_front; #[cfg(any(feature = "transportation", feature = "travel", feature = "nature"))] mod caravan; +#[cfg(any( + feature = "connectivity", + feature = "communication", + feature = "multimedia", + feature = "devices" +))] +mod card_sim; #[cfg(feature = "food-beverage")] mod carrot; #[cfg(feature = "text")] @@ -4710,6 +4717,13 @@ pub use car_front::*; pub use car_taxi_front::*; #[cfg(any(feature = "transportation", feature = "travel", feature = "nature"))] pub use caravan::*; +#[cfg(any( + feature = "connectivity", + feature = "communication", + feature = "multimedia", + feature = "devices" +))] +pub use card_sim::*; #[cfg(feature = "food-beverage")] pub use carrot::*; #[cfg(feature = "text")] diff --git a/packages/leptos/src/card_sim.rs b/packages/leptos/src/card_sim.rs new file mode 100644 index 0000000..4469edd --- /dev/null +++ b/packages/leptos/src/card_sim.rs @@ -0,0 +1,38 @@ +use leptos::{prelude::*, svg::Svg}; +#[component] +pub fn CardSim( + #[prop(default = 24.into(), into)] size: Signal, + #[prop(default = "currentColor".into(), into)] color: Signal, + #[prop(default = "none".into(), into)] fill: Signal, + #[prop(default = 2.into(), into)] stroke_width: Signal, + #[prop(default = false.into(), into)] absolute_stroke_width: Signal, + #[prop(optional)] node_ref: NodeRef, +) -> impl IntoView { + let stroke_width = Signal::derive(move || { + if absolute_stroke_width.get() { + stroke_width.get() * 24 / size.get() + } else { + stroke_width.get() + } + }); + view! { + + + + + + + } +} diff --git a/packages/leptos/src/lib.rs b/packages/leptos/src/lib.rs index 18b2676..6588897 100644 --- a/packages/leptos/src/lib.rs +++ b/packages/leptos/src/lib.rs @@ -653,6 +653,13 @@ mod car_front; mod car_taxi_front; #[cfg(any(feature = "transportation", feature = "travel", feature = "nature"))] mod caravan; +#[cfg(any( + feature = "connectivity", + feature = "communication", + feature = "multimedia", + feature = "devices" +))] +mod card_sim; #[cfg(feature = "food-beverage")] mod carrot; #[cfg(feature = "text")] @@ -4710,6 +4717,13 @@ pub use car_front::*; pub use car_taxi_front::*; #[cfg(any(feature = "transportation", feature = "travel", feature = "nature"))] pub use caravan::*; +#[cfg(any( + feature = "connectivity", + feature = "communication", + feature = "multimedia", + feature = "devices" +))] +pub use card_sim::*; #[cfg(feature = "food-beverage")] pub use carrot::*; #[cfg(feature = "text")] diff --git a/packages/yew/src/card_sim.rs b/packages/yew/src/card_sim.rs new file mode 100644 index 0000000..c687211 --- /dev/null +++ b/packages/yew/src/card_sim.rs @@ -0,0 +1,52 @@ +use yew::prelude::*; +#[derive(PartialEq, Properties)] +pub struct CardSimProps { + #[prop_or(24)] + pub size: usize, + #[prop_or(AttrValue::from("currentColor"))] + pub color: AttrValue, + #[prop_or(AttrValue::from("none"))] + pub fill: AttrValue, + #[prop_or(2)] + pub stroke_width: usize, + #[prop_or(false)] + pub absolute_stroke_width: bool, + #[prop_or_default] + pub class: Classes, + #[prop_or_default] + pub style: std::option::Option, + #[prop_or_default] + pub node_ref: NodeRef, +} +#[function_component] +pub fn CardSim(props: &CardSimProps) -> Html { + let stroke_width = if props.absolute_stroke_width { + props.stroke_width * 24 / props.size + } else { + props.stroke_width + }; + html! { + + + + + + + } +} diff --git a/packages/yew/src/lib.rs b/packages/yew/src/lib.rs index 79a9ff7..31f3d46 100644 --- a/packages/yew/src/lib.rs +++ b/packages/yew/src/lib.rs @@ -655,6 +655,13 @@ mod car_front; mod car_taxi_front; #[cfg(any(feature = "transportation", feature = "travel", feature = "nature"))] mod caravan; +#[cfg(any( + feature = "connectivity", + feature = "communication", + feature = "multimedia", + feature = "devices" +))] +mod card_sim; #[cfg(feature = "food-beverage")] mod carrot; #[cfg(feature = "text")] @@ -4712,6 +4719,13 @@ pub use car_front::*; pub use car_taxi_front::*; #[cfg(any(feature = "transportation", feature = "travel", feature = "nature"))] pub use caravan::*; +#[cfg(any( + feature = "connectivity", + feature = "communication", + feature = "multimedia", + feature = "devices" +))] +pub use card_sim::*; #[cfg(feature = "food-beverage")] pub use carrot::*; #[cfg(feature = "text")] diff --git a/scripts/src/lib.rs b/scripts/src/lib.rs index 59226ef..bcae277 100644 --- a/scripts/src/lib.rs +++ b/scripts/src/lib.rs @@ -11,5 +11,5 @@ pub const GITHUB_OWNER: &str = "RustForWeb"; pub const GITHUB_REPO: &str = "lucide"; pub const UPSTREAM_GIT_URL: &str = "https://github.com/lucide-icons/lucide.git"; -pub const UPSTREAM_GIT_REF: &str = "0.512.0"; +pub const UPSTREAM_GIT_REF: &str = "0.513.0"; pub const UPSTREAM_GITHUB_URL: &str = "https://github.com/lucide-icons/lucide";