@gobolt/genesis 0.10.1 → 0.10.2

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.
@@ -22,11 +22,17 @@ export interface BottomDrawerProps {
22
22
  * render it inside a `position: relative` parent, scoped to that parent's width.
23
23
  */
24
24
  getContainer?: DrawerProps["getContainer"];
25
+ /**
26
+ * Whether the drawer grabs focus when it opens. Defaults to `false` so a bar
27
+ * that appears while the user is typing (e.g. an unsaved-changes prompt) does
28
+ * not steal focus and interrupt input. Set `true` to focus the drawer on open.
29
+ */
30
+ autoFocus?: boolean;
25
31
  }
26
32
  /**
27
33
  * A slim slide-up drawer for user confirmation: a description on the left and
28
34
  * actions on the right. Shares SidePanel's slide-up + overlay behavior, but the
29
35
  * contents are intentionally trimmed to a single action row.
30
36
  */
31
- declare const BottomDrawer: ({ open, onClose, type, height, label, actions, getContainer, }: BottomDrawerProps) => import("react/jsx-runtime").JSX.Element;
37
+ declare const BottomDrawer: ({ open, onClose, type, height, label, actions, getContainer, autoFocus, }: BottomDrawerProps) => import("react/jsx-runtime").JSX.Element;
32
38
  export default BottomDrawer;
package/dist/index.cjs CHANGED
@@ -87895,7 +87895,8 @@ const BottomDrawer = ({
87895
87895
  height = 88,
87896
87896
  label,
87897
87897
  actions = [],
87898
- getContainer: getContainer2
87898
+ getContainer: getContainer2,
87899
+ autoFocus = false
87899
87900
  }) => {
87900
87901
  const theme = styled.useTheme();
87901
87902
  const spacing = {
@@ -87932,6 +87933,7 @@ const BottomDrawer = ({
87932
87933
  {
87933
87934
  closable: false,
87934
87935
  mask: false,
87936
+ autoFocus,
87935
87937
  onClose,
87936
87938
  placement: "bottom",
87937
87939
  height,
package/dist/index.js CHANGED
@@ -87877,7 +87877,8 @@ const BottomDrawer = ({
87877
87877
  height = 88,
87878
87878
  label,
87879
87879
  actions = [],
87880
- getContainer: getContainer2
87880
+ getContainer: getContainer2,
87881
+ autoFocus = false
87881
87882
  }) => {
87882
87883
  const theme = useTheme$1();
87883
87884
  const spacing = {
@@ -87914,6 +87915,7 @@ const BottomDrawer = ({
87914
87915
  {
87915
87916
  closable: false,
87916
87917
  mask: false,
87918
+ autoFocus,
87917
87919
  onClose,
87918
87920
  placement: "bottom",
87919
87921
  height,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gobolt/genesis",
3
- "version": "0.10.1",
3
+ "version": "0.10.2",
4
4
  "description": "genesis design system",
5
5
  "author": "gobolt",
6
6
  "license": "MIT",