@xaui/native 0.1.3 → 0.1.5

package/dist/typography/index.cjs

@@ -146,6 +146,7 @@ var Typography = ({
   overflow = "clip",
   color,
   letterSpacing,
+  lineHeight,
   fontWeight,
   fontStyle,
   textDecorationLine,
@@ -159,6 +160,7 @@ var Typography = ({
   const textStyleOverrides = {
     color: _nullishCoalesce(_nullishCoalesce(color, () => ( inheritedStyle.color)), () => ( themeColorValue)),
     letterSpacing,
+    lineHeight,
     fontWeight: _nullishCoalesce(fontWeight, () => ( inheritedStyle.fontWeight)),
     fontStyle: _nullishCoalesce(fontStyle, () => ( inheritedStyle.fontStyle)),
     textDecorationLine,

package/dist/typography/index.d.cts

@@ -44,6 +44,10 @@ type TypographyProps = {
      * The spacing between characters.
      */
     letterSpacing?: number;
+    /**
+     * Line height for the text.
+     */
+    lineHeight?: TextStyle['lineHeight'];
     /**
      * The text weight.
      */

package/dist/typography/index.d.ts

@@ -44,6 +44,10 @@ type TypographyProps = {
      * The spacing between characters.
      */
     letterSpacing?: number;
+    /**
+     * Line height for the text.
+     */
+    lineHeight?: TextStyle['lineHeight'];
     /**
      * The text weight.
      */

package/dist/typography/index.js

@@ -146,6 +146,7 @@ var Typography = ({
   overflow = "clip",
   color,
   letterSpacing,
+  lineHeight,
   fontWeight,
   fontStyle,
   textDecorationLine,
@@ -159,6 +160,7 @@ var Typography = ({
   const textStyleOverrides = {
     color: color ?? inheritedStyle.color ?? themeColorValue,
     letterSpacing,
+    lineHeight,
     fontWeight: fontWeight ?? inheritedStyle.fontWeight,
     fontStyle: fontStyle ?? inheritedStyle.fontStyle,
     textDecorationLine,

package/dist/view/index.cjs

@@ -199,8 +199,10 @@ var SizedBox = ({
   children,
   width,
   height,
+  fullWidth,
   style
 }) => {
+  const fullWidthStyle = fullWidth ? { width: "100%" } : void 0;
   return /* @__PURE__ */ _react2.default.createElement(
     _reactnative.View,
     {
@@ -209,6 +211,7 @@ var SizedBox = ({
           width,
           height
         },
+        fullWidthStyle,
         style
       ]
     },

package/dist/view/index.d.cts

@@ -158,11 +158,16 @@ type SizedBoxProps = {
     /**
      * Width of the box.
      */
-    width?: number;
+    width?: ViewStyle['width'];
     /**
      * Height of the box.
      */
-    height?: number;
+    height?: ViewStyle['height'];
+    /**
+     * Whether the box should take the full width of its parent.
+     * @default false
+     */
+    fullWidth?: boolean;
     /**
      * Custom style for the box.
      */

package/dist/view/index.d.ts

@@ -158,11 +158,16 @@ type SizedBoxProps = {
     /**
      * Width of the box.
      */
-    width?: number;
+    width?: ViewStyle['width'];
     /**
      * Height of the box.
      */
-    height?: number;
+    height?: ViewStyle['height'];
+    /**
+     * Whether the box should take the full width of its parent.
+     * @default false
+     */
+    fullWidth?: boolean;
     /**
      * Custom style for the box.
      */

package/dist/view/index.js

@@ -199,8 +199,10 @@ var SizedBox = ({
   children,
   width,
   height,
+  fullWidth,
   style
 }) => {
+  const fullWidthStyle = fullWidth ? { width: "100%" } : void 0;
   return /* @__PURE__ */ React6.createElement(
     View6,
     {
@@ -209,6 +211,7 @@ var SizedBox = ({
           width,
           height
         },
+        fullWidthStyle,
         style
       ]
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xaui/native",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "Flutter-inspired React Native UI components with native animations powered by React Native Reanimated",
   "keywords": [
     "react-native",