@butternutbox/pawprint-native 0.10.10 → 0.10.11

package/.turbo/turbo-build.log

@@ -7,12 +7,12 @@
 CJS Build start
 ESM Build start
 DTS Build start
-ESM dist/index.js     1.72 MB
-ESM dist/index.js.map 2.70 MB
-ESM ⚡️ Build success in 11267ms
 CJS dist/index.cjs     1.80 MB
 CJS dist/index.cjs.map 2.70 MB
-CJS ⚡️ Build success in 11267ms
-DTS ⚡️ Build success in 22659ms
+CJS ⚡️ Build success in 11449ms
+ESM dist/index.js     1.73 MB
+ESM dist/index.js.map 2.70 MB
+ESM ⚡️ Build success in 11453ms
+DTS ⚡️ Build success in 22526ms
 DTS dist/index.d.cts 91.44 KB
 DTS dist/index.d.ts  91.44 KB

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @butternutbox/pawprint-native
 
+## 0.10.11
+
+### Patch Changes
+
+- 27bbcb5: NumberField: center the label, small label and description/error copy over the
+  input on native.
+
+  Previously the label and help text were left-aligned across the full width of
+  the root, so they drifted away from the input group (which packs to the left
+  when not `fullWidth`). The copy now centers over the field: the root centers its
+  children when not `fullWidth`, and the label/help text use centered text so they
+  stay centered over the input in `fullWidth` mode too. Matches the Figma design.
+
 ## 0.10.10
 
 ### Patch Changes

package/dist/index.cjs

@@ -10574,7 +10574,7 @@ NumberFieldInput.displayName = "NumberField.Input";
 var parseTokenValue35 = (value) => parseFloat(value);
 var StyledRoot10 = styled50__default.default(reactNative.View)(({ rootGap, fullWidth }) => __spreadValues({
   gap: rootGap
-}, fullWidth && { width: "100%" }));
+}, fullWidth ? { width: "100%" } : { alignItems: "center" }));
 var StyledLabelGroup = styled50__default.default(reactNative.View)(({ labelGap }) => ({
   gap: labelGap
 }));
@@ -10638,6 +10638,7 @@ var NumberField = React65__default.default.forwardRef(
                   {
                     token: typoTokens.label,
                     color: tokens3.colour.text.label,
+                    align: "center",
                     children: label
                   }
                 ),
@@ -10646,6 +10647,7 @@ var NumberField = React65__default.default.forwardRef(
                   {
                     token: typoTokens.smallLabel,
                     color: tokens3.colour.text.description,
+                    align: "center",
                     children: smallLabel
                   }
                 )
@@ -10675,6 +10677,7 @@ var NumberField = React65__default.default.forwardRef(
             {
               token: size === "lg" ? tokens3.typography.large.secondaryContent : tokens3.typography.small.smallLabel,
               color: tokens3.colour.text.description,
+              align: "center",
               children: description
             }
           ),
@@ -10683,6 +10686,7 @@ var NumberField = React65__default.default.forwardRef(
             {
               token: size === "lg" ? tokens3.typography.large.secondaryContent : tokens3.typography.small.smallLabel,
               color: theme2.tokens.components.inputs.colour.description.error,
+              align: "center",
               children: error
             }
           )