@butternutbox/pawprint-native 1.1.0 → 1.1.2

package/.turbo/turbo-build.log

@@ -7,12 +7,12 @@
 CJS Build start
 ESM Build start
 DTS Build start
-CJS dist/index.cjs     553.93 KB
-CJS dist/index.cjs.map 1.08 MB
-CJS ⚡️ Build success in 7609ms
-ESM dist/index.js     523.65 KB
+ESM dist/index.js     523.89 KB
 ESM dist/index.js.map 1.08 MB
-ESM ⚡️ Build success in 7611ms
-DTS ⚡️ Build success in 20912ms
-DTS dist/index.d.cts 104.52 KB
-DTS dist/index.d.ts  104.52 KB
+ESM ⚡️ Build success in 7667ms
+CJS dist/index.cjs     554.16 KB
+CJS dist/index.cjs.map 1.08 MB
+CJS ⚡️ Build success in 7668ms
+DTS ⚡️ Build success in 20184ms
+DTS dist/index.d.cts 104.30 KB
+DTS dist/index.d.ts  104.30 KB

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @butternutbox/pawprint-native
 
+## 1.1.2
+
+### Patch Changes
+
+- 603a9a2: `SegmentedControl`: stop the intrinsic track flashing at full height on mount.
+
+  The track's magenta clip had no height of its own — it took whatever the horizontal `ScrollView` inside it measured, and that only settles after `onLayout` and `onContentSizeChange` have fired, i.e. after the first paint. On mount the first painted frame showed the track stretched down the whole available height before snapping back to one row. The clip is now sized from the tokens it already renders with (`controlItem.size.small.height` plus `spacing.verticalPadding` top and bottom), so its height never depends on measurement.
+
+## 1.1.1
+
+### Patch Changes
+
+- bcc53c6: unlink quantity picker visibility to thumbnail badge on product display card'
+
 ## 1.1.0
 
 ### Minor Changes

package/dist/index.cjs

@@ -8392,8 +8392,9 @@ var StyledSegmentItem = styled51__default.default(reactNative.Pressable)(
     opacity: itemOpacity
   }, itemFlex !== void 0 ? { flex: itemFlex } : { flexShrink: 0 })
 );
-var StyledIntrinsicClip = styled51__default.default(reactNative.View)(({ clipBorderRadius, clipBgColor, clipWidth }) => __spreadValues({
+var StyledIntrinsicClip = styled51__default.default(reactNative.View)(({ clipBorderRadius, clipBgColor, clipHeight, clipWidth }) => __spreadValues({
   overflow: "hidden",
+  height: clipHeight,
   borderRadius: clipBorderRadius,
   backgroundColor: clipBgColor,
   alignSelf: "flex-start",
@@ -8523,10 +8524,12 @@ SegmentedControlItem.displayName = "SegmentedControl.Item";
 var IntrinsicTrack = (_a) => {
   var _b = _a, {
     containerProps,
+    trackHeight,
     renderItems,
     forwardedRef
   } = _b, rest = __objRest(_b, [
     "containerProps",
+    "trackHeight",
     "renderItems",
     "forwardedRef"
   ]);
@@ -8559,6 +8562,7 @@ var IntrinsicTrack = (_a) => {
           {
             clipBorderRadius: containerProps.containerBorderRadius,
             clipBgColor: containerProps.containerBgColor,
+            clipHeight: trackHeight,
             clipWidth: containerWidth > 0 && contentWidth > 0 ? Math.min(contentWidth, containerWidth) : void 0,
             children: /* @__PURE__ */ jsxRuntime.jsx(
               reactNative.ScrollView,
@@ -8650,7 +8654,7 @@ var SegmentedControlRoot = React66__default.default.forwardRef(
     ]);
     var _a2, _b2;
     const theme2 = react.useTheme();
-    const { spacing, borderRadius, colour } = theme2.tokens.components.segmentedControl;
+    const { spacing, borderRadius, colour, controlItem } = theme2.tokens.components.segmentedControl;
     const { dimensions: dimensions3 } = theme2.tokens.semantics;
     const optionsFirstValue = (_a2 = options == null ? void 0 : options[0]) == null ? void 0 : _a2.value;
     const childrenArray = React66__default.default.Children.toArray(children);
@@ -8717,11 +8721,13 @@ var SegmentedControlRoot = React66__default.default.forwardRef(
       scrollIndicatorPaddingOuter: parseTokenValue44(dimensions3.spacing["2xl"]),
       scrollIndicatorPaddingInner: parseTokenValue44(dimensions3.spacing.sm)
     };
+    const trackHeight = parseTokenValue44(controlItem.size.small.height) + parseTokenValue44(spacing.verticalPadding) * 2;
     if (layout === "intrinsic") {
       return /* @__PURE__ */ jsxRuntime.jsx(
         IntrinsicTrack,
         __spreadValues({
           containerProps,
+          trackHeight,
           renderItems,
           forwardedRef: ref
         }, rest)
@@ -12337,7 +12343,7 @@ var ProductDisplayCard = React66__default.default.forwardRef(
               /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "heading", size: "2xs", color: "primary", children: title }),
               showSubtext && subtext && /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", size: "sm", color: "secondary", children: subtext })
             ] }),
-            showQuantityPicker && !resolvedBadgeProps && /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+            showQuantityPicker && /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsxRuntime.jsx(
               NumberField,
               {
                 size: "sm",