@gobolt/genesis 0.10.0 → 0.10.1

package/dist/components/BottomDrawer/BottomDrawer.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { DrawerProps } from 'antd';
 import { ButtonProps } from '../Button';
 type BottomDrawerAction = {
     label: string;
@@ -15,11 +16,17 @@ export interface BottomDrawerProps {
     label?: ReactNode;
     /** Right-aligned action buttons (e.g. Cancel + Confirm). */
     actions?: BottomDrawerAction[];
+    /**
+     * Where to mount the drawer. By default it portals to `document.body` (full
+     * viewport width). Pass a positioned container (a node getter) or `false` to
+     * render it inside a `position: relative` parent, scoped to that parent's width.
+     */
+    getContainer?: DrawerProps["getContainer"];
 }
 /**
  * A slim slide-up drawer for user confirmation: a description on the left and
  * actions on the right. Shares SidePanel's slide-up + overlay behavior, but the
  * contents are intentionally trimmed to a single action row.
  */
-declare const BottomDrawer: ({ open, onClose, type, height, label, actions, }: BottomDrawerProps) => import("react/jsx-runtime").JSX.Element;
+declare const BottomDrawer: ({ open, onClose, type, height, label, actions, getContainer, }: BottomDrawerProps) => import("react/jsx-runtime").JSX.Element;
 export default BottomDrawer;

package/dist/components/BottomDrawer/__stories__/BottomDrawer.stories.d.ts

@@ -5,3 +5,4 @@ export default meta;
 type Story = StoryObj<typeof BottomDrawer>;
 export declare const UnsavedChanges: Story;
 export declare const FloatType: Story;
+export declare const Contained: Story;

package/dist/index.cjs

@@ -87894,7 +87894,8 @@ const BottomDrawer = ({
   type: type4 = "full",
   height = 88,
   label,
-  actions = []
+  actions = [],
+  getContainer: getContainer2
 }) => {
   const theme = styled.useTheme();
   const spacing = {
@@ -87903,6 +87904,7 @@ const BottomDrawer = ({
   };
   const textColor = theme?.colors?.onsurface?.active?.textColor || "#3E3E3E";
   const isFloat = type4 === "float";
+  const isContained = getContainer2 !== void 0;
   const floatOffset = 24;
   const border = "1px solid var(--interactive-utility-border, #CBCBCB)";
   const sharedStyles = {
@@ -87936,6 +87938,8 @@ const BottomDrawer = ({
       open,
       $type: type4,
       styles: drawerStyles,
+      getContainer: getContainer2,
+      rootStyle: isContained ? { position: "absolute" } : void 0,
       children: /* @__PURE__ */ jsxRuntime.jsxs(
         Tile,
         {

package/dist/index.js

@@ -87876,7 +87876,8 @@ const BottomDrawer = ({
   type: type4 = "full",
   height = 88,
   label,
-  actions = []
+  actions = [],
+  getContainer: getContainer2
 }) => {
   const theme = useTheme$1();
   const spacing = {
@@ -87885,6 +87886,7 @@ const BottomDrawer = ({
   };
   const textColor = theme?.colors?.onsurface?.active?.textColor || "#3E3E3E";
   const isFloat = type4 === "float";
+  const isContained = getContainer2 !== void 0;
   const floatOffset = 24;
   const border = "1px solid var(--interactive-utility-border, #CBCBCB)";
   const sharedStyles = {
@@ -87918,6 +87920,8 @@ const BottomDrawer = ({
       open,
       $type: type4,
       styles: drawerStyles,
+      getContainer: getContainer2,
+      rootStyle: isContained ? { position: "absolute" } : void 0,
       children: /* @__PURE__ */ jsxs(
         Tile,
         {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gobolt/genesis",
-  "version": "0.10.0",
+  "version": "0.10.1",
   "description": "genesis design system",
   "author": "gobolt",
   "license": "MIT",