@fluentui-react-native/drawer 0.4.18 → 0.5.0

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

@@ -1,184 +1,195 @@
-import type { Animated, ColorValue, DimensionValue, FlexAlignType, ModalProps, TouchableWithoutFeedbackProps, ViewProps } from 'react-native';
+import type {
+  AnimatableNumericValue,
+  Animated,
+  ColorValue,
+  DimensionValue,
+  FlexAlignType,
+  ModalProps,
+  TouchableWithoutFeedbackProps,
+  ViewProps,
+} from 'react-native';
 import type { InteractionEvent, PressableFocusProps } from '@fluentui-react-native/interactive-hooks';
-export declare const DrawerName = "Drawer";
+export declare const DrawerName = 'Drawer';
 /**
  * Specifies the possible position of the Drawer.
  */
 export type DrawerPositionType = 'bottom' | 'left' | 'right';
 export interface DrawerTokens {
-    /**
-     * The color of the scrim.
-     * */
-    scrimColor?: ColorValue;
-    /**
-     * The opacity of the scrim.
-     * */
-    scrimOpacity?: number;
-    /**
-     * Width of the handle.
-     */
-    handleWidth?: number;
-    /**
-     * Height of the handle.
-     */
-    handleHeight?: number;
-    /**
-     * The background color of the handle.
-     * */
-    handleBackgroundColor?: ColorValue;
-    /**
-     * The corner radius of the handle.
-     * */
-    handleCornerRadius?: number;
-    /**
-     * The top margin of the handle.
-     *  */
-    handleMarginTop?: number;
-    /**
-     * The bottom margin of the handle.
-     * */
-    handleMarginBottom?: number;
-    /**
-     * The start margin of the handle.
-     * */
-    handleMarginStart?: number;
-    /**
-     * The end margin of the handle.
-     * */
-    handleMarginEnd?: number;
-    /**
-     * The flex alignment of the handle.
-     * */
-    handleAlignment?: FlexAlignType;
-    /**
-     * The background for drawer
-     * */
-    drawerBackgroundColor?: ColorValue;
-    /**
-     * The corner radius of the Drawer
-     * @default 0
-     * */
-    drawerCornerRadius?: number;
-    /**
-     * The elevation of the Drawer
-     * @default 5
-     * @platform android
-     * */
-    drawerElevation?: number;
-    /**
-     * The width of the Drawer
-     * Note: Only applicable when position is 'left' or 'right'
-     * @default '100%'
-     * */
-    width?: DimensionValue;
-    /**
-     * The height of the Drawer
-     * Note: Only applicable when position is 'bottom'
-     * @default '40%'
-     * */
-    height?: DimensionValue;
-    /**
-     * The shadow color of the Drawer
-     * @platform iOS
-     * */
-    shadowColor?: ColorValue;
-    /**
-     * The shadow offset of the Drawer
-     * @platform iOS
-     * */
-    shadowOffset?: {
-        width: number;
-        height: number;
-    };
-    /**
-     * The shadow opacity of the Drawer
-     * @platform iOS
-     * */
-    shadowOpacity?: number;
-    /**
-     * The shadow radius of the Drawer
-     * @platform iOS
-     * */
-    shadowRadius?: number;
-    /**
-     * Positions/Behaviours of the Drawer, This is used to apply different tokens for different positions.
-     */
-    left?: DrawerTokens;
-    right?: DrawerTokens;
-    bottom?: DrawerTokens;
-    /**
-     * Coordinate position of the Drawer, This is used to position the Drawer at a particular coordinate.
-     */
-    leftPosition?: number;
-    rightPosition?: number;
-    bottomPosition?: number;
-    topPosition?: number;
+  /**
+   * The color of the scrim.
+   * */
+  scrimColor?: ColorValue;
+  /**
+   * The opacity of the scrim.
+   * */
+  scrimOpacity?: number;
+  /**
+   * Width of the handle.
+   */
+  handleWidth?: number;
+  /**
+   * Height of the handle.
+   */
+  handleHeight?: number;
+  /**
+   * The background color of the handle.
+   * */
+  handleBackgroundColor?: ColorValue;
+  /**
+   * The corner radius of the handle.
+   * */
+  handleCornerRadius?: AnimatableNumericValue | string;
+  /**
+   * The top margin of the handle.
+   *  */
+  handleMarginTop?: number;
+  /**
+   * The bottom margin of the handle.
+   * */
+  handleMarginBottom?: number;
+  /**
+   * The start margin of the handle.
+   * */
+  handleMarginStart?: number;
+  /**
+   * The end margin of the handle.
+   * */
+  handleMarginEnd?: number;
+  /**
+   * The flex alignment of the handle.
+   * */
+  handleAlignment?: FlexAlignType;
+  /**
+   * The background for drawer
+   * */
+  drawerBackgroundColor?: ColorValue;
+  /**
+   * The corner radius of the Drawer
+   * @default 0
+   * */
+  drawerCornerRadius?: AnimatableNumericValue | string;
+  /**
+   * The elevation of the Drawer
+   * @default 5
+   * @platform android
+   * */
+  drawerElevation?: number;
+  /**
+   * The width of the Drawer
+   * Note: Only applicable when position is 'left' or 'right'
+   * @default '100%'
+   * */
+  width?: DimensionValue;
+  /**
+   * The height of the Drawer
+   * Note: Only applicable when position is 'bottom'
+   * @default '40%'
+   * */
+  height?: DimensionValue;
+  /**
+   * The shadow color of the Drawer
+   * @platform iOS
+   * */
+  shadowColor?: ColorValue;
+  /**
+   * The shadow offset of the Drawer
+   * @platform iOS
+   * */
+  shadowOffset?: {
+    width: number;
+    height: number;
+  };
+  /**
+   * The shadow opacity of the Drawer
+   * @platform iOS
+   * */
+  shadowOpacity?: number;
+  /**
+   * The shadow radius of the Drawer
+   * @platform iOS
+   * */
+  shadowRadius?: AnimatableNumericValue | string;
+  /**
+   * Positions/Behaviours of the Drawer, This is used to apply different tokens for different positions.
+   */
+  left?: DrawerTokens;
+  right?: DrawerTokens;
+  bottom?: DrawerTokens;
+  /**
+   * Coordinate position of the Drawer, This is used to position the Drawer at a particular coordinate.
+   */
+  leftPosition?: number;
+  rightPosition?: number;
+  bottomPosition?: number;
+  topPosition?: number;
 }
 export interface DrawerProps extends PressableFocusProps {
-    accessibilityLabel?: string;
-    /**
-     * Visibility of the Drawer
-     */
-    open?: boolean;
-    /**
-     * Callback when the Drawer is closed
-     * */
-    onClose?: (e: InteractionEvent) => void;
-    /**
-     * Callback when the Drawer is opened
-     * */
-    onOpen?: (e: InteractionEvent) => void;
-    /**
-     * Callback when the scrim is clicked
-     * */
-    onScrimClick?: (e: InteractionEvent) => void;
-    /**
-     * The content of the Drawer
-     * */
-    children?: React.ReactNode;
-    /**
-     * The behavior of the Drawer
-     * @default 'left'
-     * */
-    drawerPosition?: DrawerPositionType;
-    /**
-     * The behavior is for only bottom drawer in which content is scrollable without expanding the bottom drawer
-     * @default false
-     * */
-    isContentScrollableUnexpanded?: boolean;
-    /**
-     * The behavior is for only bottom drawer in which handle can be hidden for some usecases
-     * @default true
-     * */
-    showHandle?: boolean;
-    /**
-     * The width of the Drawer
-     * Animation configuration for the Drawer
-     * */
-    animationConfig?: {
-        animatedOpacity: Animated.AnimatedInterpolation<number>;
-        animatedStyle: {
-            transform: {
-                translateX: Animated.AnimatedInterpolation<number>;
-            }[] | {
-                translateY: Animated.AnimatedInterpolation<number>;
-            }[];
-        };
+  accessibilityLabel?: string;
+  /**
+   * Visibility of the Drawer
+   */
+  open?: boolean;
+  /**
+   * Callback when the Drawer is closed
+   * */
+  onClose?: (e: InteractionEvent) => void;
+  /**
+   * Callback when the Drawer is opened
+   * */
+  onOpen?: (e: InteractionEvent) => void;
+  /**
+   * Callback when the scrim is clicked
+   * */
+  onScrimClick?: (e: InteractionEvent) => void;
+  /**
+   * The content of the Drawer
+   * */
+  children?: React.ReactNode;
+  /**
+   * The behavior of the Drawer
+   * @default 'left'
+   * */
+  drawerPosition?: DrawerPositionType;
+  /**
+   * The behavior is for only bottom drawer in which content is scrollable without expanding the bottom drawer
+   * @default false
+   * */
+  isContentScrollableUnexpanded?: boolean;
+  /**
+   * The behavior is for only bottom drawer in which handle can be hidden for some usecases
+   * @default true
+   * */
+  showHandle?: boolean;
+  /**
+   * The width of the Drawer
+   * Animation configuration for the Drawer
+   * */
+  animationConfig?: {
+    animatedOpacity: Animated.AnimatedInterpolation<number>;
+    animatedStyle: {
+      transform:
+        | {
+            translateX: Animated.AnimatedInterpolation<number>;
+          }[]
+        | {
+            translateY: Animated.AnimatedInterpolation<number>;
+          }[];
     };
+  };
 }
 export interface DrawerInfo {
-    props: DrawerProps;
+  props: DrawerProps;
 }
 export interface DrawerSlotProps {
-    modal: ModalProps;
-    scrim: TouchableWithoutFeedbackProps;
-    scrimContent: Animated.AnimatedProps<ViewProps>;
-    content: Animated.AnimatedProps<ViewProps>;
-    handle: ViewProps;
+  modal: ModalProps;
+  scrim: TouchableWithoutFeedbackProps;
+  scrimContent: Animated.AnimatedProps<ViewProps>;
+  content: Animated.AnimatedProps<ViewProps>;
+  handle: ViewProps;
 }
 export interface DrawerType {
-    props: DrawerProps;
-    tokens: DrawerTokens;
-    slotProps: DrawerSlotProps;
+  props: DrawerProps;
+  tokens: DrawerTokens;
+  slotProps: DrawerSlotProps;
 }
-//# sourceMappingURL=Drawer.types.d.ts.map
+//# sourceMappingURL=Drawer.types.d.ts.map

package/lib-commonjs/Drawer.types.d.ts.map

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

package/lib-commonjs/Drawer.types.js

@@ -1,5 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.DrawerName = void 0;
 exports.DrawerName = 'Drawer';
-//# sourceMappingURL=Drawer.types.js.map
+//# sourceMappingURL=Drawer.types.js.map

package/lib-commonjs/Drawer.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.types.js","sourceRoot":"","sources":["../src/Drawer.types.ts"],"names":[],"mappings":";;;AAYa,QAAA,UAAU,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"Drawer.types.js","sourceRoot":"","sources":["../src/Drawer.types.ts"],"names":[],"mappings":";;;AAaa,QAAA,UAAU,GAAG,QAAQ,CAAC"}

package/lib-commonjs/DrawerTokens.d.ts

@@ -2,4 +2,4 @@ import type { Theme } from '@fluentui-react-native/framework';
 import type { TokenSettings } from '@fluentui-react-native/use-styling';
 import type { DrawerTokens } from './Drawer.types';
 export declare const defaultDrawerTokens: TokenSettings<DrawerTokens, Theme>;
-//# sourceMappingURL=DrawerTokens.d.ts.map
+//# sourceMappingURL=DrawerTokens.d.ts.map

package/lib-commonjs/DrawerTokens.js

@@ -1,39 +1,39 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.defaultDrawerTokens = void 0;
-const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
+const theme_tokens_1 = require('@fluentui-react-native/theme-tokens');
 const defaultDrawerTokens = (t) => ({
-    scrimColor: '#00000080',
-    drawerBackgroundColor: t.colors.neutralBackground2,
-    handleBackgroundColor: t.colors.neutralStroke1,
-    handleWidth: theme_tokens_1.globalTokens.size360,
-    handleHeight: theme_tokens_1.globalTokens.size40,
-    handleCornerRadius: theme_tokens_1.globalTokens.size20,
-    handleAlignment: 'center',
-    handleMarginTop: theme_tokens_1.globalTokens.size80,
-    handleMarginBottom: theme_tokens_1.globalTokens.sizeNone,
-    handleMarginEnd: theme_tokens_1.globalTokens.sizeNone,
-    handleMarginStart: theme_tokens_1.globalTokens.sizeNone,
-    drawerElevation: theme_tokens_1.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: theme_tokens_1.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: theme_tokens_1.globalTokens.size360,
+  handleHeight: theme_tokens_1.globalTokens.size40,
+  handleCornerRadius: theme_tokens_1.globalTokens.size20,
+  handleAlignment: 'center',
+  handleMarginTop: theme_tokens_1.globalTokens.size80,
+  handleMarginBottom: theme_tokens_1.globalTokens.sizeNone,
+  handleMarginEnd: theme_tokens_1.globalTokens.sizeNone,
+  handleMarginStart: theme_tokens_1.globalTokens.sizeNone,
+  drawerElevation: theme_tokens_1.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: theme_tokens_1.globalTokens.corner.radius120,
+    height: '50%',
+  },
 });
 exports.defaultDrawerTokens = defaultDrawerTokens;
-//# sourceMappingURL=DrawerTokens.js.map
+//# sourceMappingURL=DrawerTokens.js.map

package/lib-commonjs/DrawerTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerTokens.js","sourceRoot":"","sources":["../src/DrawerTokens.ts"],"names":[],"mappings":";;;AACA,sEAAmE;AAK5D,MAAM,mBAAmB,GAAuC,CAAC,CAAQ,EAAE,EAAE,CAClF,CAAC;IACC,UAAU,EAAE,WAAW;IACvB,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAClD,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc;IAC9C,WAAW,EAAE,2BAAY,CAAC,OAAO;IACjC,YAAY,EAAE,2BAAY,CAAC,MAAM;IACjC,kBAAkB,EAAE,2BAAY,CAAC,MAAM;IACvC,eAAe,EAAE,QAAQ;IACzB,eAAe,EAAE,2BAAY,CAAC,MAAM;IACpC,kBAAkB,EAAE,2BAAY,CAAC,QAAQ;IACzC,eAAe,EAAE,2BAAY,CAAC,QAAQ;IACtC,iBAAiB,EAAE,2BAAY,CAAC,QAAQ;IACxC,eAAe,EAAE,2BAAY,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,2BAAY,CAAC,MAAM,CAAC,SAAS;QACjD,MAAM,EAAE,KAAK;KACd;CACe,CAAA,CAAC;AAjCR,QAAA,mBAAmB,uBAiCX"}
+{"version":3,"file":"DrawerTokens.js","sourceRoot":"","sources":["../src/DrawerTokens.ts"],"names":[],"mappings":";;;AACA,sEAAmE;AAK5D,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,2BAAY,CAAC,OAAO;IACjC,YAAY,EAAE,2BAAY,CAAC,MAAM;IACjC,kBAAkB,EAAE,2BAAY,CAAC,MAAM;IACvC,eAAe,EAAE,QAAQ;IACzB,eAAe,EAAE,2BAAY,CAAC,MAAM;IACpC,kBAAkB,EAAE,2BAAY,CAAC,QAAQ;IACzC,eAAe,EAAE,2BAAY,CAAC,QAAQ;IACtC,iBAAiB,EAAE,2BAAY,CAAC,QAAQ;IACxC,eAAe,EAAE,2BAAY,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,2BAAY,CAAC,MAAM,CAAC,SAAS;QACjD,MAAM,EAAE,KAAK;KACd;CACe,CAAA,CAAC;AAjCR,QAAA,mBAAmB,GAAnB,mBAAmB,CAiCX"}

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

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

package/lib-commonjs/__tests__/Drawer.test.js

@@ -1,43 +1,74 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const renderer = __importStar(require("react-test-renderer"));
+'use strict';
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (!desc || ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+          desc = {
+            enumerable: true,
+            get: function () {
+              return m[k];
+            },
+          };
+        }
+        Object.defineProperty(o, k2, desc);
+      }
+    : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        o[k2] = m[k];
+      });
+var __setModuleDefault =
+  (this && this.__setModuleDefault) ||
+  (Object.create
+    ? function (o, v) {
+        Object.defineProperty(o, 'default', { enumerable: true, value: v });
+      }
+    : function (o, v) {
+        o['default'] = v;
+      });
+var __importStar =
+  (this && this.__importStar) ||
+  (function () {
+    var ownKeys = function (o) {
+      ownKeys =
+        Object.getOwnPropertyNames ||
+        function (o) {
+          var ar = [];
+          for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+          return ar;
+        };
+      return ownKeys(o);
+    };
+    return function (mod) {
+      if (mod && mod.__esModule) return mod;
+      var result = {};
+      if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== 'default') __createBinding(result, mod, k[i]);
+      __setModuleDefault(result, mod);
+      return result;
+    };
+  })();
+Object.defineProperty(exports, '__esModule', { value: true });
+const jsx_runtime_1 = require('react/jsx-runtime');
+const react_1 = require('react');
+const react_native_1 = require('react-native');
+const renderer = __importStar(require('react-test-renderer'));
 // import { Drawer } from '../Drawer';
 // mocks out setTimeout and other timer functions with mock functions , test will fail without this as we're using Animated API
 jest.useFakeTimers();
 // Disable Drawer test, as it's still failing despite the line above
 describe('Drawer component tests', () => {
-    it('Drawer default', () => {
-        const tree = renderer
-            .create(
+  it('Drawer default', () => {
+    let component;
+    (0, react_1.act)(() => {
+      component = renderer.create(
         // <Drawer open={false} drawerPosition="left">
-        React.createElement(react_native_1.Text, null, "Hello"))
-            .toJSON();
-        expect(tree).toMatchSnapshot();
+        jsx_runtime_1.jsx(react_native_1.Text, { children: 'Hello' }),
+        // </Drawer>,
+      );
     });
+    expect(component.toJSON()).toMatchSnapshot();
+  });
 });
-//# sourceMappingURL=Drawer.test.js.map
+//# sourceMappingURL=Drawer.test.js.map

package/lib-commonjs/__tests__/Drawer.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.test.js","sourceRoot":"","sources":["../../src/__tests__/Drawer.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,+CAAoC;AAEpC,8DAAgD;AAEhD,sCAAsC;AAEtC,+HAA+H;AAC/H,IAAI,CAAC,aAAa,EAAE,CAAC;AAErB,oEAAoE;AACpE,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;IACtC,EAAE,CAAC,gBAAgB,EAAE,GAAG,EAAE;QACxB,MAAM,IAAI,GAAG,QAAQ;aAClB,MAAM;QACL,8CAA8C;QAC9C,oBAAC,mBAAI,gBAAa,CAEnB;aACA,MAAM,EAAE,CAAC;QACZ,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Drawer.test.js","sourceRoot":"","sources":["../../src/__tests__/Drawer.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAA4B;AAC5B,+CAAoC;AAEpC,MAAY,QAAQ,gDAA4B;AAEhD,sCAAsC;AAEtC,+HAA+H;AAC/H,IAAI,CAAC,aAAa,EAAE,CAAC;AAErB,oEAAoE;AACpE,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE,CAAC;IACvC,EAAE,CAAC,gBAAgB,EAAE,GAAG,EAAE,CAAC;QACzB,IAAI,SAAqC,CAAC;QAC1C,IAAA,WAAG,EAAC,GAAG,EAAE,CAAC;YACR,SAAS,GAAG,QAAQ,CAAC,MAAM;YACzB,8CAA8C;YAC9C,kBAAC,mBAAI,wBAAa;YAClB,aAAa;aACd,CAAC;QAAA,CACH,CAAC,CAAC;QACH,MAAM,CAAC,SAAU,CAAC,MAAM,EAAE,CAAC,CAAC,eAAe,EAAE,CAAC;IAAA,CAC/C,CAAC,CAAC;AAAA,CACJ,CAAC,CAAC"}

package/lib-commonjs/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-commonjs/index.js

@@ -1,8 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.DrawerName = exports.Drawer = void 0;
-var Drawer_1 = require("./Drawer");
-Object.defineProperty(exports, "Drawer", { enumerable: true, get: function () { return Drawer_1.Drawer; } });
-var Drawer_types_1 = require("./Drawer.types");
-Object.defineProperty(exports, "DrawerName", { enumerable: true, get: function () { return Drawer_types_1.DrawerName; } });
-//# sourceMappingURL=index.js.map
+const Drawer_1 = require('./Drawer');
+Object.defineProperty(exports, 'Drawer', {
+  enumerable: true,
+  get: function () {
+    return Drawer_1.Drawer;
+  },
+});
+const Drawer_types_1 = require('./Drawer.types');
+Object.defineProperty(exports, 'DrawerName', {
+  enumerable: true,
+  get: function () {
+    return Drawer_types_1.DrawerName;
+  },
+});
+//# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AAEf,+CAA4C;AAAnC,0GAAA,UAAU,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,qCAAkC;AAAzB,gGAAA,MAAM,OAAA;AAEf,iDAA4C;AAAnC,0GAAA,UAAU,OAAA"}