@butternutbox/pawprint-native 0.15.2 → 0.16.1

package/.turbo/turbo-build.log

@@ -7,12 +7,12 @@
 CJS Build start
 ESM Build start
 DTS Build start
-ESM dist/index.js     502.93 KB
-ESM dist/index.js.map 1.02 MB
-ESM ⚡️ Build success in 7939ms
-CJS dist/index.cjs     532.57 KB
+CJS dist/index.cjs     533.53 KB
 CJS dist/index.cjs.map 1.02 MB
-CJS ⚡️ Build success in 7939ms
-DTS ⚡️ Build success in 22135ms
-DTS dist/index.d.cts 98.88 KB
-DTS dist/index.d.ts  98.88 KB
+CJS ⚡️ Build success in 7997ms
+ESM dist/index.js     503.89 KB
+ESM dist/index.js.map 1.02 MB
+ESM ⚡️ Build success in 7998ms
+DTS ⚡️ Build success in 22782ms
+DTS dist/index.d.cts 99.79 KB
+DTS dist/index.d.ts  99.79 KB

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @butternutbox/pawprint-native
 
+## 0.16.1
+
+### Patch Changes
+
+- 1223ab7: `NumberField`: render the large field's `inlineHelpText` at the secondary-content
+  size (`body.medium.md`, 16px) instead of the shared input description size
+  (`body.medium.sm`, 14px), matching the design-system spec. Small fields are
+  unchanged (`body.medium.sm`).
+
+## 0.16.0
+
+### Minor Changes
+
+- 12b7c84: add alignment prop for illustration
+
 ## 0.15.2
 
 ### Patch Changes

package/dist/index.cjs

@@ -1325,32 +1325,60 @@ var IconButton = React66__default.default.forwardRef(
 );
 IconButton.displayName = "IconButton";
 var parseTokenValue11 = (value) => parseFloat(value);
-var StyledRoot2 = styled51__default.default(reactNative.View)(({ illustrationHeight }) => ({
-  alignItems: "center",
-  justifyContent: "center",
-  flexShrink: 0,
-  height: illustrationHeight
-}));
+var StyledRoot2 = styled51__default.default(reactNative.View)(({ illustrationHeight, flexboxProps }) => {
+  var _a, _b;
+  return {
+    alignItems: (_a = flexboxProps.align) != null ? _a : "center",
+    justifyContent: (_b = flexboxProps.justify) != null ? _b : "center",
+    flexDirection: flexboxProps.flexDirection,
+    flexWrap: flexboxProps.flexWrap,
+    alignContent: flexboxProps.alignContent,
+    alignSelf: flexboxProps.alignSelf,
+    flexShrink: 0,
+    height: illustrationHeight
+  };
+});
 var Illustration = React66__default.default.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       illustration: IllustrationComponent,
       size = "sm",
+      align,
+      justify,
+      flexDirection,
+      flexWrap,
+      alignContent,
+      alignSelf,
       "aria-label": ariaLabel
     } = _b, rest = __objRest(_b, [
       "illustration",
       "size",
+      "align",
+      "justify",
+      "flexDirection",
+      "flexWrap",
+      "alignContent",
+      "alignSelf",
       "aria-label"
     ]);
     const theme2 = react.useTheme();
     const dimension = parseTokenValue11(
       theme2.tokens.components.illustrations.sizing.illustrations[size]
     );
+    const flexboxProps = {
+      align,
+      justify,
+      flexDirection,
+      flexWrap,
+      alignContent,
+      alignSelf
+    };
     return /* @__PURE__ */ jsxRuntime.jsx(
       StyledRoot2,
       __spreadProps(__spreadValues({
         ref,
         illustrationHeight: dimension,
+        flexboxProps,
         accessibilityRole: ariaLabel ? "image" : void 0,
         accessibilityLabel: ariaLabel,
         accessible: !!ariaLabel
@@ -7129,7 +7157,11 @@ var NumberFieldInput = React66__default.default.forwardRef(
                 style: {
                   position: "absolute",
                   bottom: 4,
-                  width: fieldMinWidth,
+                  // Span the full field (not the min-width) so the help text
+                  // centres and never wraps into the value when the field is
+                  // wider than its min-width (e.g. fullWidth) or the copy is long.
+                  left: 0,
+                  right: 0,
                   display: "flex",
                   justifyContent: "center",
                   alignItems: "center"
@@ -7137,7 +7169,7 @@ var NumberFieldInput = React66__default.default.forwardRef(
                 children: /* @__PURE__ */ jsxRuntime.jsx(
                   Typography,
                   {
-                    token: inputTokens3.description.text.default,
+                    token: isLarge ? tokens3.typography.large.secondaryContent : tokens3.typography.small.smallLabel,
                     color: inputTokens3.colour.description.default,
                     children: inlineHelpText
                   }