@fluentui-react-native/drawer 0.5.0 → 0.5.3

package/lib/DrawerTokens.js

@@ -1,35 +1,35 @@
 import { globalTokens } from '@fluentui-react-native/theme-tokens';
 export const defaultDrawerTokens = (t) => ({
-  scrimColor: '#00000080', // to be replace with token in future based on design guidance
-  drawerBackgroundColor: t.colors.neutralBackground2,
-  handleBackgroundColor: t.colors.neutralStroke1,
-  handleWidth: globalTokens.size360,
-  handleHeight: globalTokens.size40,
-  handleCornerRadius: globalTokens.size20,
-  handleAlignment: 'center',
-  handleMarginTop: globalTokens.size80,
-  handleMarginBottom: globalTokens.sizeNone,
-  handleMarginEnd: globalTokens.sizeNone,
-  handleMarginStart: globalTokens.sizeNone,
-  drawerElevation: globalTokens.size100,
-  topPosition: 0,
-  left: {
-    height: '100%',
-    width: '80%',
-    leftPosition: 0,
-    drawerCornerRadius: 0,
-  },
-  right: {
-    height: '100%',
-    width: '80%',
-    rightPosition: 0,
-    drawerCornerRadius: 0,
-  },
-  bottom: {
-    bottomPosition: 0,
-    width: '100%',
-    drawerCornerRadius: globalTokens.corner.radius120,
-    height: '50%',
-  },
+    scrimColor: '#00000080', // to be replace with token in future based on design guidance
+    drawerBackgroundColor: t.colors.neutralBackground2,
+    handleBackgroundColor: t.colors.neutralStroke1,
+    handleWidth: globalTokens.size360,
+    handleHeight: globalTokens.size40,
+    handleCornerRadius: globalTokens.size20,
+    handleAlignment: 'center',
+    handleMarginTop: globalTokens.size80,
+    handleMarginBottom: globalTokens.sizeNone,
+    handleMarginEnd: globalTokens.sizeNone,
+    handleMarginStart: globalTokens.sizeNone,
+    drawerElevation: globalTokens.size100,
+    topPosition: 0,
+    left: {
+        height: '100%',
+        width: '80%',
+        leftPosition: 0,
+        drawerCornerRadius: 0,
+    },
+    right: {
+        height: '100%',
+        width: '80%',
+        rightPosition: 0,
+        drawerCornerRadius: 0,
+    },
+    bottom: {
+        bottomPosition: 0,
+        width: '100%',
+        drawerCornerRadius: globalTokens.corner.radius120,
+        height: '50%',
+    },
 });
-//# sourceMappingURL=DrawerTokens.js.map
+//# sourceMappingURL=DrawerTokens.js.map

package/lib/DrawerTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerTokens.js","sourceRoot":"","sources":["../src/DrawerTokens.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAKnE,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,CAAQ,EAAE,EAAE,EACjF;IACC,UAAU,EAAE,WAAW,EAAE,8DAA8D;IACvF,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAClD,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc;IAC9C,WAAW,EAAE,YAAY,CAAC,OAAO;IACjC,YAAY,EAAE,YAAY,CAAC,MAAM;IACjC,kBAAkB,EAAE,YAAY,CAAC,MAAM;IACvC,eAAe,EAAE,QAAQ;IACzB,eAAe,EAAE,YAAY,CAAC,MAAM;IACpC,kBAAkB,EAAE,YAAY,CAAC,QAAQ;IACzC,eAAe,EAAE,YAAY,CAAC,QAAQ;IACtC,iBAAiB,EAAE,YAAY,CAAC,QAAQ;IACxC,eAAe,EAAE,YAAY,CAAC,OAAO;IACrC,WAAW,EAAE,CAAC;IACd,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,KAAK;QACZ,YAAY,EAAE,CAAC;QACf,kBAAkB,EAAE,CAAC;KACtB;IACD,KAAK,EAAE;QACL,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,KAAK;QACZ,aAAa,EAAE,CAAC;QAChB,kBAAkB,EAAE,CAAC;KACtB;IACD,MAAM,EAAE;QACN,cAAc,EAAE,CAAC;QACjB,KAAK,EAAE,MAAM;QACb,kBAAkB,EAAE,YAAY,CAAC,MAAM,CAAC,SAAS;QACjD,MAAM,EAAE,KAAK;KACd;CACe,CAAA,CAAC"}
+{"version":3,"file":"DrawerTokens.js","sourceRoot":"","sources":["../src/DrawerTokens.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAKnE,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,CAAQ,EAAE,EAAE,CAClF,CAAC;IACC,UAAU,EAAE,WAAW,EAAE,8DAA8D;IACvF,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAClD,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc;IAC9C,WAAW,EAAE,YAAY,CAAC,OAAO;IACjC,YAAY,EAAE,YAAY,CAAC,MAAM;IACjC,kBAAkB,EAAE,YAAY,CAAC,MAAM;IACvC,eAAe,EAAE,QAAQ;IACzB,eAAe,EAAE,YAAY,CAAC,MAAM;IACpC,kBAAkB,EAAE,YAAY,CAAC,QAAQ;IACzC,eAAe,EAAE,YAAY,CAAC,QAAQ;IACtC,iBAAiB,EAAE,YAAY,CAAC,QAAQ;IACxC,eAAe,EAAE,YAAY,CAAC,OAAO;IACrC,WAAW,EAAE,CAAC;IACd,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,KAAK;QACZ,YAAY,EAAE,CAAC;QACf,kBAAkB,EAAE,CAAC;KACtB;IACD,KAAK,EAAE;QACL,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,KAAK;QACZ,aAAa,EAAE,CAAC;QAChB,kBAAkB,EAAE,CAAC;KACtB;IACD,MAAM,EAAE;QACN,cAAc,EAAE,CAAC;QACjB,KAAK,EAAE,MAAM;QACb,kBAAkB,EAAE,YAAY,CAAC,MAAM,CAAC,SAAS;QACjD,MAAM,EAAE,KAAK;KACd;CACF,CAAiB,CAAC"}

package/lib/__tests__/Drawer.test.d.ts

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=Drawer.test.d.ts.map
+//# sourceMappingURL=Drawer.test.d.ts.map

package/lib/__tests__/Drawer.test.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from 'react/jsx-runtime';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { act } from 'react';
 import { Text } from 'react-native';
 import * as renderer from 'react-test-renderer';
@@ -7,16 +7,16 @@ import * as renderer from 'react-test-renderer';
 jest.useFakeTimers();
 // Disable Drawer test, as it's still failing despite the line above
 describe('Drawer component tests', () => {
-  it('Drawer default', () => {
-    let component;
-    act(() => {
-      component = renderer.create(
-        // <Drawer open={false} drawerPosition="left">
-        _jsx(Text, { children: 'Hello' }),
-        // </Drawer>,
-      );
+    it('Drawer default', () => {
+        let component;
+        act(() => {
+            component = renderer.create(
+            // <Drawer open={false} drawerPosition="left">
+            _jsx(Text, { children: "Hello" })
+            // </Drawer>,
+            );
+        });
+        expect(component.toJSON()).toMatchSnapshot();
     });
-    expect(component.toJSON()).toMatchSnapshot();
-  });
 });
-//# sourceMappingURL=Drawer.test.js.map
+//# sourceMappingURL=Drawer.test.js.map

package/lib/index.d.ts

@@ -1,4 +1,4 @@
 export { Drawer } from './Drawer';
 export type { DrawerProps, DrawerSlotProps, DrawerTokens, DrawerType, DrawerPositionType } from './Drawer.types';
 export { DrawerName } from './Drawer.types';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib/index.js

@@ -1,3 +1,3 @@
 export { Drawer } from './Drawer';
 export { DrawerName } from './Drawer.types';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib/useDrawer.d.ts

@@ -1,3 +1,3 @@
 import type { DrawerProps, DrawerInfo } from './Drawer.types';
 export declare const useDrawer: (props: DrawerProps) => DrawerInfo;
-//# sourceMappingURL=useDrawer.d.ts.map
+//# sourceMappingURL=useDrawer.d.ts.map

package/lib/useDrawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDrawer.d.ts","sourceRoot":"","sources":["../src/useDrawer.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAI9D,eAAO,MAAM,SAAS,oCAgFrB,CAAC"}
+{"version":3,"file":"useDrawer.d.ts","sourceRoot":"","sources":["../src/useDrawer.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAI9D,eAAO,MAAM,SAAS,oCA2FrB,CAAC"}

package/lib/useDrawer.js

@@ -2,76 +2,71 @@ import { useRef, useEffect, useState, useCallback } from 'react';
 import { Animated, Dimensions } from 'react-native';
 const { height, width } = Dimensions.get('window');
 export const useDrawer = (props) => {
-  const { onBlur, onFocus, accessibilityLabel, open, drawerPosition = 'left', showHandle = true, children, ...rest } = props;
-  const animatedValue = useRef(new Animated.Value(0)).current;
-  const [internalOpen, setInternalOpen] = useState(open);
-  const [isFirstOpen, setIsFirstOpen] = useState(true);
-  useEffect(() => {
-    if (open) {
-      setInternalOpen(true);
-      Animated.timing(animatedValue, {
-        toValue: 1,
-        duration: 300,
-        useNativeDriver: true,
-      }).start();
-    } else {
-      if (isFirstOpen) {
-        setIsFirstOpen(false);
-      } else {
-        Animated.parallel([
-          Animated.timing(animatedValue, {
-            toValue: 0,
-            duration: 300,
-            useNativeDriver: true,
-          }),
-        ]).start(() => {
-          setInternalOpen(false);
-        });
-      }
-    }
-  }, [animatedValue, open]);
-  const onClose = useCallback(
-    (e) => {
-      props?.onClose && props.onClose(e);
-    },
-    [props?.onClose],
-  );
-  const onScrimClick = useCallback(
-    (e) => {
-      props?.onScrimClick && props.onScrimClick(e);
-    },
-    [props?.onScrimClick],
-  );
-  const animatedTranslateX = animatedValue.interpolate({
-    inputRange: [0, 1],
-    outputRange: drawerPosition === 'left' ? [-width * 0.8, 0] : drawerPosition === 'right' ? [width * 0.8, 0] : [0, 0],
-  });
-  const animatedTranslateY = animatedValue.interpolate({
-    inputRange: [0, 1],
-    outputRange: [height, height * 0.5],
-  });
-  const animatedOpacity = animatedValue.interpolate({
-    inputRange: [0, 1],
-    outputRange: [0, 0.5],
-  });
-  const animatedStyle = {
-    transform:
-      drawerPosition === 'left' || drawerPosition === 'right' ? [{ translateX: animatedTranslateX }] : [{ translateY: animatedTranslateY }],
-  };
-  return {
-    props: {
-      ...rest,
-      onClose,
-      onScrimClick,
-      animationConfig: {
-        animatedOpacity,
-        animatedStyle,
-      },
-      drawerPosition: drawerPosition ?? 'left',
-      children,
-      showHandle,
-      open: internalOpen,
-    },
-  };
+    const { onBlur, onClose: onCloseProp, onFocus, onScrimClick: onScrimClickProp, accessibilityLabel, open, drawerPosition = 'left', showHandle = true, children, ...rest } = props;
+    const animatedValue = useRef(new Animated.Value(0)).current;
+    const [internalOpen, setInternalOpen] = useState(open);
+    const [isFirstOpen, setIsFirstOpen] = useState(true);
+    useEffect(() => {
+        if (open) {
+            setInternalOpen(true);
+            Animated.timing(animatedValue, {
+                toValue: 1,
+                duration: 300,
+                useNativeDriver: true,
+            }).start();
+        }
+        else {
+            if (isFirstOpen) {
+                setIsFirstOpen(false);
+            }
+            else {
+                Animated.parallel([
+                    Animated.timing(animatedValue, {
+                        toValue: 0,
+                        duration: 300,
+                        useNativeDriver: true,
+                    }),
+                ]).start(() => {
+                    setInternalOpen(false);
+                });
+            }
+        }
+    }, [animatedValue, isFirstOpen, open]);
+    const onClose = useCallback((e) => {
+        onCloseProp && onCloseProp(e);
+    }, [onCloseProp]);
+    const onScrimClick = useCallback((e) => {
+        onScrimClickProp && onScrimClickProp(e);
+    }, [onScrimClickProp]);
+    const animatedTranslateX = animatedValue.interpolate({
+        inputRange: [0, 1],
+        outputRange: drawerPosition === 'left' ? [-width * 0.8, 0] : drawerPosition === 'right' ? [width * 0.8, 0] : [0, 0],
+    });
+    const animatedTranslateY = animatedValue.interpolate({
+        inputRange: [0, 1],
+        outputRange: [height, height * 0.5],
+    });
+    const animatedOpacity = animatedValue.interpolate({
+        inputRange: [0, 1],
+        outputRange: [0, 0.5],
+    });
+    const animatedStyle = {
+        transform: drawerPosition === 'left' || drawerPosition === 'right' ? [{ translateX: animatedTranslateX }] : [{ translateY: animatedTranslateY }],
+    };
+    return {
+        props: {
+            ...rest,
+            onClose,
+            onScrimClick,
+            animationConfig: {
+                animatedOpacity,
+                animatedStyle,
+            },
+            drawerPosition: drawerPosition ?? 'left',
+            children,
+            showHandle,
+            open: internalOpen,
+        },
+    };
 };
-//# sourceMappingURL=useDrawer.js.map
+//# sourceMappingURL=useDrawer.js.map

package/lib/useDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDrawer.js","sourceRoot":"","sources":["../src/useDrawer.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useDrawer.js","sourceRoot":"","sources":["../src/useDrawer.ts"],"names":[],"mappings":"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"}

package/lib-commonjs/Drawer.d.ts

@@ -1,9 +1,4 @@
 import type { DrawerProps } from './Drawer.types';
 export declare const drawerLookup: (layer: string, userProps: DrawerProps) => boolean;
-export declare const Drawer: import('@fluentui-react-native/framework').ComposableComponent<
-  DrawerProps,
-  import('./Drawer.types').DrawerSlotProps,
-  import('./Drawer.types').DrawerTokens,
-  import('@fluentui-react-native/framework').ObjectBase
->;
-//# sourceMappingURL=Drawer.d.ts.map
+export declare const Drawer: import("@fluentui-react-native/framework").ComposableComponent<DrawerProps, import("./Drawer.types").DrawerSlotProps, import("./Drawer.types").DrawerTokens, import("@fluentui-react-native/framework").ObjectBase>;
+//# sourceMappingURL=Drawer.d.ts.map

package/lib-commonjs/Drawer.js

@@ -1,54 +1,36 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Drawer = exports.drawerLookup = void 0;
-const jsx_runtime_1 = require('@fluentui-react-native/framework-base/jsx-runtime');
+const jsx_runtime_1 = require("@fluentui-react-native/framework-base/jsx-runtime");
 /** @jsxImportSource @fluentui-react-native/framework-base */
-const react_native_1 = require('react-native');
-const framework_1 = require('@fluentui-react-native/framework');
-const Drawer_styling_1 = require('./Drawer.styling');
-const Drawer_types_1 = require('./Drawer.types');
-const useDrawer_1 = require('./useDrawer');
+const react_native_1 = require("react-native");
+const framework_1 = require("@fluentui-react-native/framework");
+const Drawer_styling_1 = require("./Drawer.styling");
+const Drawer_types_1 = require("./Drawer.types");
+const useDrawer_1 = require("./useDrawer");
 const drawerLookup = (layer, userProps) => {
-  return userProps[layer] || layer === userProps['drawerPosition'];
+    return userProps[layer] || layer === userProps['drawerPosition'];
 };
 exports.drawerLookup = drawerLookup;
 exports.Drawer = (0, framework_1.compose)({
-  displayName: Drawer_types_1.DrawerName,
-  ...Drawer_styling_1.stylingSettings,
-  slots: {
-    modal: react_native_1.Modal,
-    scrim: react_native_1.TouchableWithoutFeedback,
-    scrimContent: react_native_1.Animated.View,
-    content: react_native_1.Animated.View,
-    handle: react_native_1.View,
-  },
-  useRender: (userProps, useSlots) => {
-    const drawerProps = (0, useDrawer_1.useDrawer)(userProps).props;
-    const Slots = useSlots(userProps, (layer) => (0, exports.drawerLookup)(layer, drawerProps));
-    return (final, children) => {
-      const { open, onClose, onScrimClick, animationConfig, drawerPosition, showHandle, ...rest } = (0, framework_1.mergeProps)(
-        drawerProps,
-        final,
-      );
-      return jsx_runtime_1.jsxs(Slots.modal, {
-        ...rest,
-        visible: open,
-        onRequestClose: onClose,
-        supportedOrientations: ['portrait', 'portrait-upside-down', 'landscape', 'landscape-left', 'landscape-right'],
-        animationType: 'none',
-        transparent: true,
-        children: [
-          jsx_runtime_1.jsx(Slots.scrim, {
-            onPress: onScrimClick,
-            children: jsx_runtime_1.jsx(Slots.scrimContent, { style: [{ opacity: animationConfig.animatedOpacity }] }),
-          }),
-          jsx_runtime_1.jsxs(Slots.content, {
-            style: animationConfig.animatedStyle,
-            children: [drawerPosition === 'bottom' && showHandle && jsx_runtime_1.jsx(Slots.handle, {}), children],
-          }),
-        ],
-      });
-    };
-  },
+    displayName: Drawer_types_1.DrawerName,
+    ...Drawer_styling_1.stylingSettings,
+    slots: {
+        modal: react_native_1.Modal,
+        scrim: react_native_1.TouchableWithoutFeedback,
+        scrimContent: react_native_1.Animated.View,
+        content: react_native_1.Animated.View,
+        handle: react_native_1.View,
+    },
+    useRender: (userProps, useSlots) => {
+        const drawerProps = (0, useDrawer_1.useDrawer)(userProps).props;
+        const Slots = useSlots(userProps, (layer) => (0, exports.drawerLookup)(layer, drawerProps));
+        return (final, children) => {
+            const { open, onClose, onScrimClick, animationConfig, drawerPosition, showHandle, ...rest } = (0, framework_1.mergeProps)(drawerProps, final);
+            return (jsx_runtime_1.jsxs(Slots.modal, { ...rest, visible: open, onRequestClose: onClose, supportedOrientations: ['portrait', 'portrait-upside-down', 'landscape', 'landscape-left', 'landscape-right'], animationType: "none", transparent: true, children: [
+                    jsx_runtime_1.jsx(Slots.scrim, { onPress: onScrimClick, children: jsx_runtime_1.jsx(Slots.scrimContent, { style: [{ opacity: animationConfig.animatedOpacity }] }) }), jsx_runtime_1.jsxs(Slots.content, { style: animationConfig.animatedStyle, children: [drawerPosition === 'bottom' && showHandle && jsx_runtime_1.jsx(Slots.handle, {}), children] })
+                ] }));
+        };
+    },
 });
-//# sourceMappingURL=Drawer.js.map
+//# sourceMappingURL=Drawer.js.map

package/lib-commonjs/Drawer.styling.d.ts

@@ -1,4 +1,4 @@
 import type { UseStylingOptions } from '@fluentui-react-native/framework';
 import type { DrawerTokens, DrawerSlotProps, DrawerProps } from './Drawer.types';
 export declare const stylingSettings: UseStylingOptions<DrawerProps, DrawerSlotProps, DrawerTokens>;
-//# sourceMappingURL=Drawer.styling.d.ts.map
+//# sourceMappingURL=Drawer.styling.d.ts.map

package/lib-commonjs/Drawer.styling.js

@@ -1,59 +1,50 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.stylingSettings = void 0;
-const framework_1 = require('@fluentui-react-native/framework');
-const Drawer_types_1 = require('./Drawer.types');
-const DrawerTokens_1 = require('./DrawerTokens');
+const framework_1 = require("@fluentui-react-native/framework");
+const Drawer_types_1 = require("./Drawer.types");
+const DrawerTokens_1 = require("./DrawerTokens");
 exports.stylingSettings = {
-  tokens: [DrawerTokens_1.defaultDrawerTokens, Drawer_types_1.DrawerName],
-  tokensThatAreAlsoProps: 'all',
-  states: ['left', 'right', 'bottom'],
-  slotProps: {
-    scrimContent: (0, framework_1.buildProps)(
-      (tokens, _theme) => ({
-        style: {
-          position: 'absolute',
-          top: 0,
-          left: 0,
-          width: '100%',
-          height: '100%',
-          backgroundColor: tokens.scrimColor,
-          opacity: tokens.scrimOpacity,
-        },
-      }),
-      ['scrimColor'],
-    ),
-    content: (0, framework_1.buildProps)(
-      (tokens, _theme) => ({
-        style: {
-          position: 'absolute',
-          height: tokens.height,
-          width: tokens.width,
-          elevation: tokens.drawerElevation,
-          borderTopEndRadius: tokens.drawerCornerRadius,
-          borderTopStartRadius: tokens.drawerCornerRadius,
-          right: tokens.rightPosition,
-          left: tokens.leftPosition,
-          bottom: tokens.bottomPosition,
-          top: tokens.topPosition,
-          backgroundColor: tokens.drawerBackgroundColor,
-        },
-      }),
-      ['drawerBackgroundColor', 'drawerElevation', 'height', 'width'],
-    ),
-    handle: (0, framework_1.buildProps)(
-      (tokens, _theme) => ({
-        style: {
-          width: tokens.handleWidth,
-          height: tokens.handleHeight,
-          borderRadius: tokens.handleCornerRadius,
-          backgroundColor: tokens.handleBackgroundColor,
-          alignSelf: tokens.handleAlignment,
-          marginTop: tokens.handleMarginTop,
-        },
-      }),
-      ['handleWidth', 'handleHeight', 'handleCornerRadius', 'handleBackgroundColor', 'handleAlignment', 'handleMarginTop'],
-    ),
-  },
+    tokens: [DrawerTokens_1.defaultDrawerTokens, Drawer_types_1.DrawerName],
+    tokensThatAreAlsoProps: 'all',
+    states: ['left', 'right', 'bottom'],
+    slotProps: {
+        scrimContent: (0, framework_1.buildProps)((tokens, _theme) => ({
+            style: {
+                position: 'absolute',
+                top: 0,
+                left: 0,
+                width: '100%',
+                height: '100%',
+                backgroundColor: tokens.scrimColor,
+                opacity: tokens.scrimOpacity,
+            },
+        }), ['scrimColor']),
+        content: (0, framework_1.buildProps)((tokens, _theme) => ({
+            style: {
+                position: 'absolute',
+                height: tokens.height,
+                width: tokens.width,
+                elevation: tokens.drawerElevation,
+                borderTopEndRadius: tokens.drawerCornerRadius,
+                borderTopStartRadius: tokens.drawerCornerRadius,
+                right: tokens.rightPosition,
+                left: tokens.leftPosition,
+                bottom: tokens.bottomPosition,
+                top: tokens.topPosition,
+                backgroundColor: tokens.drawerBackgroundColor,
+            },
+        }), ['drawerBackgroundColor', 'drawerElevation', 'height', 'width']),
+        handle: (0, framework_1.buildProps)((tokens, _theme) => ({
+            style: {
+                width: tokens.handleWidth,
+                height: tokens.handleHeight,
+                borderRadius: tokens.handleCornerRadius,
+                backgroundColor: tokens.handleBackgroundColor,
+                alignSelf: tokens.handleAlignment,
+                marginTop: tokens.handleMarginTop,
+            },
+        }), ['handleWidth', 'handleHeight', 'handleCornerRadius', 'handleBackgroundColor', 'handleAlignment', 'handleMarginTop']),
+    },
 };
-//# sourceMappingURL=Drawer.styling.js.map
+//# sourceMappingURL=Drawer.styling.js.map