@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,
|