Merge pull request #255 from dev-five-git/add-breakpoints

owjs3901 · web-flow · commit b6b047425d6d · 2025-07-18T14:06:58.000+09:00
Add breakpoints
diff --git a/.changeset/eleven-insects-read.md b/.changeset/eleven-insects-read.md
@@ -0,0 +1,5 @@
+---
+"@devup-ui/wasm": patch
+---
+
+Add default breakpoint
diff --git a/bindings/devup-ui-wasm/src/lib.rs b/bindings/devup-ui-wasm/src/lib.rs
@@ -313,7 +313,7 @@ mod tests {
         }"##,
             )
             .unwrap();
-            assert_eq!(theme.breakpoints, vec![0, 480, 768, 992, 1280]);
+            assert_eq!(theme.breakpoints, vec![0, 480, 768, 992, 1280, 1600]);
             assert_debug_snapshot!(theme.to_css());
         }
         {
diff --git a/bindings/devup-ui-wasm/src/snapshots/devup_ui_wasm__tests__deserialize_theme-2.snap b/bindings/devup-ui-wasm/src/snapshots/devup_ui_wasm__tests__deserialize_theme-2.snap
@@ -21,6 +21,7 @@ Theme {
         768,
         992,
         1280,
+        1600,
     ],
     typography: {
         "default": Typographies(
diff --git a/bindings/devup-ui-wasm/src/snapshots/devup_ui_wasm__tests__deserialize_theme-3.snap b/bindings/devup-ui-wasm/src/snapshots/devup_ui_wasm__tests__deserialize_theme-3.snap
@@ -10,6 +10,7 @@ Theme {
         768,
         992,
         1280,
+        1600,
     ],
     typography: {
         "body": Typographies(
diff --git a/libs/sheet/src/snapshots/sheet__tests__deserialize.snap b/libs/sheet/src/snapshots/sheet__tests__deserialize.snap
@@ -27,6 +27,7 @@ StyleSheet {
             768,
             992,
             1280,
+            1600,
         ],
         typography: {},
     },
diff --git a/libs/sheet/src/snapshots/sheet__tests__wrong_breakpoint.snap b/libs/sheet/src/snapshots/sheet__tests__wrong_breakpoint.snap
@@ -2,4 +2,4 @@
 source: libs/sheet/src/lib.rs
 expression: sheet.create_css()
 ---
-"@media(min-width:1280px){.test{margin-left:40px;margin-right:40px}}"
+"@media(min-width:1600px){.test{margin-left:40px;margin-right:40px}}"
diff --git a/libs/sheet/src/theme.rs b/libs/sheet/src/theme.rs
@@ -96,14 +96,14 @@ pub struct Theme {
 }
 
 fn default_breakpoints() -> Vec<u16> {
-    vec![0, 480, 768, 992, 1280]
+    vec![0, 480, 768, 992, 1280, 1600]
 }
 
 impl Default for Theme {
     fn default() -> Self {
         Self {
             colors: Default::default(),
-            breakpoints: vec![0, 480, 768, 992, 1280],
+            breakpoints: default_breakpoints(),
             typography: BTreeMap::new(),
         }
     }
@@ -424,7 +424,7 @@ mod tests {
     fn update_breakpoints() {
         let mut theme = Theme::default();
         theme.update_breakpoints(vec![0, 480, 768, 992, 1280]);
-        assert_eq!(theme.breakpoints, vec![0, 480, 768, 992, 1280]);
+        assert_eq!(theme.breakpoints, vec![0, 480, 768, 992, 1280, 1600]);
         theme.update_breakpoints(vec![0, 480, 768, 992, 1280, 1600]);
         assert_eq!(theme.breakpoints, vec![0, 480, 768, 992, 1280, 1600]);
         theme.update_breakpoints(vec![0, 480, 768, 992, 1280, 1600, 1920]);

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@devup-ui/wasm": patch
 +---
++
 +Add default breakpoint
Original file line number	Diff line number	Diff line change
`@@ -313,7 +313,7 @@ mod tests {`
`313`	`313`	`}"##,`
`314`	`314`	`)`
`315`	`315`	`.unwrap();`
`316`		`- assert_eq!(theme.breakpoints, vec![0, 480, 768, 992, 1280]);`
	`316`	`+ assert_eq!(theme.breakpoints, vec![0, 480, 768, 992, 1280, 1600]);`
`317`	`317`	`assert_debug_snapshot!(theme.to_css());`
`318`	`318`	`}`
`319`	`319`	`{`
Original file line number	Diff line number	Diff line change
`@@ -96,14 +96,14 @@ pub struct Theme {`
`96`	`96`	`}`
`97`	`97`
`98`	`98`	`fn default_breakpoints() -> Vec<u16> {`
`99`		`- vec![0, 480, 768, 992, 1280]`
	`99`	`+ vec![0, 480, 768, 992, 1280, 1600]`
`100`	`100`	`}`
`101`	`101`
`102`	`102`	`impl Default for Theme {`
`103`	`103`	`fn default() -> Self {`
`104`	`104`	`Self {`
`105`	`105`	`colors: Default::default(),`
`106`		`- breakpoints: vec![0, 480, 768, 992, 1280],`
	`106`	`+ breakpoints: default_breakpoints(),`
`107`	`107`	`typography: BTreeMap::new(),`
`108`	`108`	`}`
`109`	`109`	`}`
`@@ -424,7 +424,7 @@ mod tests {`
`424`	`424`	`fn update_breakpoints() {`
`425`	`425`	`let mut theme = Theme::default();`
`426`	`426`	`theme.update_breakpoints(vec![0, 480, 768, 992, 1280]);`
`427`		`- assert_eq!(theme.breakpoints, vec![0, 480, 768, 992, 1280]);`
	`427`	`+ assert_eq!(theme.breakpoints, vec![0, 480, 768, 992, 1280, 1600]);`
`428`	`428`	`theme.update_breakpoints(vec![0, 480, 768, 992, 1280, 1600]);`
`429`	`429`	`assert_eq!(theme.breakpoints, vec![0, 480, 768, 992, 1280, 1600]);`
`430`	`430`	`theme.update_breakpoints(vec![0, 480, 768, 992, 1280, 1600, 1920]);`