Merge pull request #16 from dev-five-git/box-sizing-prop

Add boxSizing prop

Author: owjs3901

.changeset/brave-sloths-warn.md

@@ -0,0 +1,6 @@
+---
+"@devup-ui/react": patch
+"@devup-ui/wasm": patch
+---
+
+Add boxSizing prop

libs/css/src/lib.rs

@@ -59,6 +59,7 @@ static GLOBAL_STYLE_PROPERTY: Lazy<Mutex<HashMap<&str, PropertyType>>> = Lazy::n
             ("my", ["margin-top", "margin-bottom"]),
             ("px", ["padding-left", "padding-right"]),
             ("py", ["padding-top", "padding-bottom"]),
+            ("boxSize", ["width", "height"]),
         ] {
             map.insert(key, value.into());
         }

packages/react/src/types/props/box-sizing.ts

@@ -24,4 +24,7 @@ export interface DevupUiBoxSizingProps {
   minH?: ResponsiveValue<Property.MinHeight>
   minW?: ResponsiveValue<Property.MinWidth>
   w?: ResponsiveValue<Property.Width>
+
+  // width and height
+  boxSize?: ResponsiveValue<Property.Width | Property.Height>
 }