@butternutbox/pawprint-native 0.20.0 → 0.22.0

package/.turbo/turbo-build.log

@@ -7,12 +7,12 @@
 CJS Build start
 ESM Build start
 DTS Build start
-CJS dist/index.cjs     547.43 KB
-CJS dist/index.cjs.map 1.06 MB
-CJS ⚡️ Build success in 7630ms
-ESM dist/index.js     517.29 KB
+ESM dist/index.js     518.12 KB
 ESM dist/index.js.map 1.06 MB
-ESM ⚡️ Build success in 7630ms
-DTS ⚡️ Build success in 22133ms
-DTS dist/index.d.cts 101.81 KB
-DTS dist/index.d.ts  101.81 KB
+ESM ⚡️ Build success in 7711ms
+CJS dist/index.cjs     548.33 KB
+CJS dist/index.cjs.map 1.06 MB
+CJS ⚡️ Build success in 7715ms
+DTS ⚡️ Build success in 22565ms
+DTS dist/index.d.cts 102.08 KB
+DTS dist/index.d.ts  102.08 KB

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @butternutbox/pawprint-native
 
+## 0.22.0
+
+### Minor Changes
+
+- 19b56fb: Allow checkbox content to drop to multiple lines
+
+## 0.21.0
+
+### Minor Changes
+
+- d90784c: ensure drawers sit above keyboard
+
 ## 0.20.0
 
 ### Minor Changes

package/dist/index.cjs

@@ -6298,6 +6298,26 @@ var DrawerDescription = React66__default.default.forwardRef(
   }
 );
 DrawerDescription.displayName = "Drawer.Description";
+var useDrawerKeyboardAvoidance = (minPadding = 16) => {
+  const [keyboardHeight, setKeyboardHeight] = React66.useState(0);
+  React66.useEffect(() => {
+    const showListener = reactNative.Keyboard.addListener("keyboardDidShow", (e) => {
+      setKeyboardHeight(e.endCoordinates.height);
+    });
+    const hideListener = reactNative.Keyboard.addListener("keyboardDidHide", () => {
+      setKeyboardHeight(0);
+    });
+    return () => {
+      showListener.remove();
+      hideListener.remove();
+    };
+  }, []);
+  return {
+    contentContainerStyle: {
+      paddingBottom: Math.max(minPadding, keyboardHeight)
+    }
+  };
+};
 var parseTokenValue27 = (value) => parseFloat(value);
 var StyledScrollView = styled51__default.default(reactNative.ScrollView)(
   ({
@@ -6319,7 +6339,15 @@ var StyledScrollView = styled51__default.default(reactNative.ScrollView)(
 );
 var DrawerBody = React66__default.default.forwardRef(
   (_a, ref) => {
-    var _b = _a, { children, contentContainerStyle } = _b, props = __objRest(_b, ["children", "contentContainerStyle"]);
+    var _b = _a, {
+      children,
+      contentContainerStyle,
+      ignoreKeyboardAvoidance = false
+    } = _b, props = __objRest(_b, [
+      "children",
+      "contentContainerStyle",
+      "ignoreKeyboardAvoidance"
+    ]);
     const theme2 = react.useTheme();
     const { spacing } = theme2.tokens.components.drawer;
     const { buttons } = theme2.tokens.components;
@@ -6329,6 +6357,8 @@ var DrawerBody = React66__default.default.forwardRef(
     const providedMaxHeight = useDrawerBodyMax();
     const { height: windowHeight } = reactNative.useWindowDimensions();
     const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
+    const { contentContainerStyle: keyboardStyle } = useDrawerKeyboardAvoidance();
+    const effectiveKeyboardStyle = ignoreKeyboardAvoidance ? {} : keyboardStyle;
     const gap = parseTokenValue27(content.slot.gap);
     const horizontalPadding = parseTokenValue27(content.slot.horizontalPadding);
     const topPadding = parseTokenValue27(content.slot.verticalPadding);
@@ -6352,6 +6382,7 @@ var DrawerBody = React66__default.default.forwardRef(
             paddingTop: topPadding,
             paddingBottom: 0
           },
+          effectiveKeyboardStyle,
           contentContainerStyle
         ]
       }, props), {
@@ -6702,7 +6733,7 @@ var StyledRootPressable = styled51__default.default(reactNative.Pressable)(
     alignItems: rootFlexAlign,
     gap: rootGap,
     opacity: rootOpacity
-  }, rootPaddingVertical !== void 0 ? { paddingVertical: rootPaddingVertical } : {}), rootPaddingHorizontal !== void 0 ? { paddingHorizontal: rootPaddingHorizontal } : {}), rootMaxWidth !== void 0 ? rootFitContent ? { maxWidth: rootMaxWidth, alignSelf: "flex-start" } : { maxWidth: rootMaxWidth, width: "100%" } : {}), rootBgColor ? { backgroundColor: rootBgColor } : {}), rootBorderWidth !== void 0 ? { borderWidth: rootBorderWidth, borderColor: rootBorderColor } : {}), rootBorderRadius !== void 0 ? { borderRadius: rootBorderRadius } : {})
+  }, rootPaddingVertical !== void 0 ? { paddingVertical: rootPaddingVertical } : {}), rootPaddingHorizontal !== void 0 ? { paddingHorizontal: rootPaddingHorizontal } : {}), rootMaxWidth !== void 0 ? rootFitContent ? { maxWidth: rootMaxWidth, alignSelf: "flex-start" } : { maxWidth: rootMaxWidth, width: "100%" } : { width: "100%" }), rootBgColor ? { backgroundColor: rootBgColor } : {}), rootBorderWidth !== void 0 ? { borderWidth: rootBorderWidth, borderColor: rootBorderColor } : {}), rootBorderRadius !== void 0 ? { borderRadius: rootBorderRadius } : {})
 );
 var StyledControl = styled51__default.default(reactNative.View)(
   ({
@@ -6723,10 +6754,10 @@ var StyledControl = styled51__default.default(reactNative.View)(
     justifyContent: "center"
   })
 );
-var StyledContent2 = styled51__default.default(reactNative.View)(({ contentGap, contentFlex }) => ({
+var StyledContent2 = styled51__default.default(reactNative.View)(({ contentGap }) => ({
   flexDirection: "column",
   gap: contentGap,
-  flex: contentFlex,
+  flex: 1,
   minWidth: 0
 }));
 var StyledIllustration = styled51__default.default(reactNative.View)(({ illustrationSize }) => ({
@@ -6815,7 +6846,6 @@ var Checkbox = React66__default.default.forwardRef(
             StyledContent2,
             {
               contentGap: parseTokenValue31(checkbox.spacing.content.gap),
-              contentFlex: isTile && fitContent ? 0 : 1,
               children: [
                 label && /* @__PURE__ */ jsxRuntime.jsx(
                   Typography,
@@ -12505,6 +12535,7 @@ exports.slideInAnimation = slideInAnimation;
 exports.slideOutAnimation = slideOutAnimation;
 exports.theme = theme;
 exports.useCopyField = useCopyField;
+exports.useDrawerKeyboardAvoidance = useDrawerKeyboardAvoidance;
 exports.usePasswordField = usePasswordField;
 exports.usePawprint = usePawprint;
 exports.useSearchField = useSearchField;