@butternutbox/pawprint-native 0.5.0 → 0.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -15,7 +15,7 @@
15
15
  ESM dist/ibm-plex-sans-condensed-700-normal-4PFYFTSO.woff2 18.90 KB
16
16
  ESM dist/index.js 1.70 MB
17
17
  ESM dist/index.js.map 2.65 MB
18
- ESM ⚡️ Build success in 11263ms
18
+ ESM ⚡️ Build success in 11961ms
19
19
  CJS dist/ida-narrow-500-normal-C6I2PK4T.woff2 47.41 KB
20
20
  CJS dist/ida-narrow-700-normal-UPHPRIN6.woff2 49.90 KB
21
21
  CJS dist/ibm-plex-sans-condensed-400-normal-I2XLJNNB.woff2 19.33 KB
@@ -24,7 +24,7 @@
24
24
  CJS dist/ibm-plex-sans-condensed-700-normal-4PFYFTSO.woff2 18.90 KB
25
25
  CJS dist/index.cjs 1.77 MB
26
26
  CJS dist/index.cjs.map 2.65 MB
27
- CJS ⚡️ Build success in 11267ms
28
- DTS ⚡️ Build success in 22041ms
27
+ CJS ⚡️ Build success in 11962ms
28
+ DTS ⚡️ Build success in 22770ms
29
29
  DTS dist/index.d.cts 88.44 KB
30
30
  DTS dist/index.d.ts 88.44 KB
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @butternutbox/pawprint-native
2
2
 
3
+ ## 0.5.1
4
+
5
+ ### Patch Changes
6
+
7
+ - 4e3a96a: fix drawer layour for mobile devices'
8
+
3
9
  ## 0.5.0
4
10
 
5
11
  ### Minor Changes
package/dist/index.cjs CHANGED
@@ -8789,6 +8789,7 @@ DrawerOverlay.displayName = "Drawer.Overlay";
8789
8789
  var DrawerDragContext = React60__default.default.createContext(null);
8790
8790
  var useDrawerDragContext = () => React60__default.default.useContext(DrawerDragContext);
8791
8791
  var DrawerFooterContext = React60__default.default.createContext(false);
8792
+ var useDrawerFooterContext = () => React60__default.default.useContext(DrawerFooterContext);
8792
8793
  var DrawerHeaderContext = React60__default.default.createContext(null);
8793
8794
  var useDrawerHeaderContext = () => React60__default.default.useContext(DrawerHeaderContext);
8794
8795
  var OPEN_DURATION = 320;
@@ -9315,12 +9316,22 @@ var DrawerDescription = React60__default.default.forwardRef(
9315
9316
  );
9316
9317
  DrawerDescription.displayName = "Drawer.Description";
9317
9318
  var parseTokenValue26 = (value) => parseFloat(value);
9318
- var StyledScrollView = styled60__default.default(reactNative.ScrollView)(({ bodyPaddingHorizontal, bodyPaddingRight, bodyGap }) => ({
9319
- flex: 1,
9320
- paddingLeft: bodyPaddingHorizontal,
9321
- paddingRight: bodyPaddingRight,
9322
- gap: bodyGap
9323
- }));
9319
+ var StyledScrollView = styled60__default.default(reactNative.ScrollView)(
9320
+ ({
9321
+ bodyPaddingHorizontal,
9322
+ bodyPaddingRight,
9323
+ bodyGap,
9324
+ bodyMaxHeight,
9325
+ bodyPaddingBottom
9326
+ }) => ({
9327
+ flex: 1,
9328
+ paddingLeft: bodyPaddingHorizontal,
9329
+ paddingRight: bodyPaddingRight,
9330
+ gap: bodyGap,
9331
+ maxHeight: bodyMaxHeight,
9332
+ paddingBottom: bodyPaddingBottom
9333
+ })
9334
+ );
9324
9335
  var DrawerBody = React60__default.default.forwardRef(
9325
9336
  (_a, ref) => {
9326
9337
  var _b = _a, { children, contentContainerStyle } = _b, props = __objRest(_b, ["children", "contentContainerStyle"]);
@@ -9329,10 +9340,14 @@ var DrawerBody = React60__default.default.forwardRef(
9329
9340
  const { buttons } = theme2.tokens.components;
9330
9341
  const { content } = spacing;
9331
9342
  const headerContext = useDrawerHeaderContext();
9343
+ const footerContext = useDrawerFooterContext();
9344
+ const { height: windowHeight } = reactNative.useWindowDimensions();
9332
9345
  const gap = parseTokenValue26(content.slot.gap);
9333
9346
  const horizontalPadding = parseTokenValue26(content.slot.horizontalPadding);
9334
9347
  const topPadding = parseTokenValue26(content.slot.verticalPadding);
9348
+ const bodyMaxHeight = windowHeight - 300;
9335
9349
  const paddingRight = headerContext === null ? parseTokenValue26(spacing.close.right.md) + parseTokenValue26(buttons.size.sm.height) : horizontalPadding;
9350
+ const bodyPaddingBottom = !footerContext ? parseTokenValue26(theme2.tokens.semantics.dimensions.spacing["2xl"]) : 0;
9336
9351
  return /* @__PURE__ */ jsxRuntime.jsx(
9337
9352
  StyledScrollView,
9338
9353
  __spreadProps(__spreadValues({
@@ -9340,6 +9355,8 @@ var DrawerBody = React60__default.default.forwardRef(
9340
9355
  bodyPaddingHorizontal: horizontalPadding,
9341
9356
  bodyPaddingRight: paddingRight,
9342
9357
  bodyGap: gap,
9358
+ bodyMaxHeight,
9359
+ bodyPaddingBottom,
9343
9360
  contentContainerStyle: [
9344
9361
  {
9345
9362
  gap,