@atlaskit/drawer 12.0.4 → 12.0.6

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/drawer
 
+## 12.0.6
+
+### Patch Changes
+
+- Updated dependencies
+
+## 12.0.5
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 12.0.4
 
 ### Patch Changes

package/dist/cjs/drawer-panel/drawer-close-button.js

@@ -9,7 +9,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _new = require("@atlaskit/button/new");
 var _arrowLeft = _interopRequireDefault(require("@atlaskit/icon/core/arrow-left"));
-var _context = require("../context");
+var _useEnsureIsInsideDrawer = require("../use-ensure-is-inside-drawer");
+var _useOnClose = require("../use-on-close");
 /**
  * __Drawer close button
  *
@@ -21,8 +22,8 @@ var DrawerCloseButton = exports.DrawerCloseButton = function DrawerCloseButton(_
     label = _ref$label === void 0 ? 'Close drawer' : _ref$label,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'DrawerCloseButton' : _ref$testId;
-  (0, _context.useEnsureIsInsideDrawer)();
-  var onClose = (0, _context.useOnClose)();
+  (0, _useEnsureIsInsideDrawer.useEnsureIsInsideDrawer)();
+  var onClose = (0, _useOnClose.useOnClose)();
   return /*#__PURE__*/_react.default.createElement(_new.IconButton, {
     onClick: onClose,
     testId: testId,

package/dist/cjs/drawer-panel/drawer-content.js

@@ -14,7 +14,7 @@ var _runtime = require("@compiled/react/runtime");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _reactScrolllock = _interopRequireDefault(require("react-scrolllock"));
 var _useCallbackRef = require("use-callback-ref");
-var _context = require("../context");
+var _useEnsureIsInsideDrawer = require("../use-ensure-is-inside-drawer");
 var _usePreventProgrammaticScroll = _interopRequireDefault(require("./hooks/use-prevent-programmatic-scroll"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
@@ -58,7 +58,7 @@ var DrawerContent = exports.DrawerContent = function DrawerContent(_ref2) {
   var children = _ref2.children,
     scrollContentLabel = _ref2.scrollContentLabel,
     xcss = _ref2.xcss;
-  (0, _context.useEnsureIsInsideDrawer)();
+  (0, _useEnsureIsInsideDrawer.useEnsureIsInsideDrawer)();
   (0, _usePreventProgrammaticScroll.default)();
   return /*#__PURE__*/React.createElement(_reactScrolllock.default, null, /*#__PURE__*/React.createElement(DrawerContentBase, {
     scrollContentLabel: scrollContentLabel,

package/dist/cjs/drawer-panel/drawer-panel.js

@@ -12,7 +12,8 @@ var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _motion = require("@atlaskit/motion");
-var _context = require("../context");
+var _ensureIsInsideDrawerContext = require("../ensure-is-inside-drawer-context");
+var _onCloseContext = require("../on-close-context");
 var _focusLock = _interopRequireDefault(require("./focus-lock"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var LOCAL_CURRENT_SURFACE_CSS_VAR = '--ds-elevation-surface-current';
@@ -92,9 +93,9 @@ var DrawerPanel = exports.DrawerPanel = function DrawerPanel(_ref2) {
       role: "dialog",
       "aria-label": label,
       "aria-labelledby": titleId
-    }, /*#__PURE__*/React.createElement(_context.EnsureIsInsideDrawerContext.Provider, {
+    }, /*#__PURE__*/React.createElement(_ensureIsInsideDrawerContext.EnsureIsInsideDrawerContext.Provider, {
       value: true
-    }, /*#__PURE__*/React.createElement(_context.OnCloseContext.Provider, {
+    }, /*#__PURE__*/React.createElement(_onCloseContext.OnCloseContext.Provider, {
       value: onClose
     }, children))));
   }));

package/dist/cjs/drawer-panel/drawer-sidebar.compiled.css

@@ -1,10 +1,10 @@
 ._1bsbxncg{width:var(--ds-space-800,4pc)}
 ._1e0c1txw{display:flex}
 ._1o9zidpf{flex-shrink:0}
+._1q511ejb{padding-block-start:var(--ds-space-300,24px)}
 ._2lx21bp4{flex-direction:column}
 ._4cvr1h6o{align-items:center}
 ._4t3i1kxc{height:100vh}
-._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
-._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
+._85i5pxbi{padding-block-end:var(--ds-space-200,1pc)}
 ._syazazsu{color:var(--ds-text-subtle,#505258)}
 ._vchhusvi{box-sizing:border-box}

package/dist/cjs/drawer-panel/drawer-sidebar.js

@@ -9,10 +9,10 @@ exports.DrawerSidebar = void 0;
 require("./drawer-sidebar.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
-var _context = require("../context");
+var _useEnsureIsInsideDrawer = require("../use-ensure-is-inside-drawer");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
-  default: "_4cvr1h6o _vchhusvi _syazazsu _1e0c1txw _1o9zidpf _2lx21bp4 _4t3i1kxc _n3tdpxbi _ca0q1ejb _1bsbxncg"
+  default: "_4cvr1h6o _vchhusvi _syazazsu _1e0c1txw _1o9zidpf _2lx21bp4 _4t3i1kxc _85i5pxbi _1q511ejb _1bsbxncg"
 };
 
 /**
@@ -23,7 +23,7 @@ var styles = {
 var DrawerSidebar = exports.DrawerSidebar = function DrawerSidebar(_ref) {
   var children = _ref.children,
     xcss = _ref.xcss;
-  (0, _context.useEnsureIsInsideDrawer)();
+  (0, _useEnsureIsInsideDrawer.useEnsureIsInsideDrawer)();
   return /*#__PURE__*/React.createElement("div", {
     className: (0, _runtime.ax)([styles.default, xcss]),
     "data-testid": "drawer-sidebar"

package/dist/cjs/drawer.js

@@ -67,7 +67,7 @@ var Drawer = exports.Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "0.0.0-development",
+    packageVersion: "12.0.6",
     analyticsData: {
       trigger: 'escKey'
     }
@@ -90,7 +90,7 @@ var Drawer = exports.Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "0.0.0-development",
+    packageVersion: "12.0.6",
     analyticsData: {
       trigger: 'blanket'
     }
@@ -102,7 +102,7 @@ var Drawer = exports.Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "0.0.0-development",
+    packageVersion: "12.0.6",
     analyticsData: {
       trigger: 'backButton'
     }

package/dist/cjs/ensure-is-inside-drawer-context.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EnsureIsInsideDrawerContext = void 0;
+var _react = require("react");
+/**
+ * __Ensure is inside drawer context__
+ *
+ * An context that ensures that the component is inside a drawer.
+ */
+var EnsureIsInsideDrawerContext = exports.EnsureIsInsideDrawerContext = /*#__PURE__*/(0, _react.createContext)(false);

package/dist/cjs/on-close-context.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OnCloseContext = void 0;
+var _react = require("react");
+/**
+ * __On close context__
+ *
+ * An context that provides the on close function for the drawer.
+ */
+var OnCloseContext = exports.OnCloseContext = /*#__PURE__*/(0, _react.createContext)(undefined);

package/dist/cjs/use-ensure-is-inside-drawer.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useEnsureIsInsideDrawer = void 0;
+var _react = require("react");
+var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
+var _ensureIsInsideDrawerContext = require("./ensure-is-inside-drawer-context");
+var useEnsureIsInsideDrawer = exports.useEnsureIsInsideDrawer = function useEnsureIsInsideDrawer() {
+  var context = (0, _react.useContext)(_ensureIsInsideDrawerContext.EnsureIsInsideDrawerContext);
+  (0, _tinyInvariant.default)(context, 'Drawer sub-components must be used within a Drawer component.');
+};

package/dist/cjs/use-on-close.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useOnClose = void 0;
+var _react = require("react");
+var _onCloseContext = require("./on-close-context");
+var useOnClose = exports.useOnClose = function useOnClose() {
+  return (0, _react.useContext)(_onCloseContext.OnCloseContext);
+};

package/dist/es2019/drawer-panel/drawer-close-button.js

@@ -2,7 +2,9 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { IconButton } from '@atlaskit/button/new';
 import ArrowLeft from '@atlaskit/icon/core/arrow-left';
-import { useEnsureIsInsideDrawer, useOnClose } from '../context';
+import { useEnsureIsInsideDrawer } from '../use-ensure-is-inside-drawer';
+import { useOnClose } from '../use-on-close';
+
 /**
  * __Drawer close button
  *

package/dist/es2019/drawer-panel/drawer-content.js

@@ -5,7 +5,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef, useEffect, useRef, useState } from 'react';
 import ScrollLock from 'react-scrolllock';
 import { mergeRefs } from 'use-callback-ref';
-import { useEnsureIsInsideDrawer } from '../context';
+import { useEnsureIsInsideDrawer } from '../use-ensure-is-inside-drawer';
 import usePreventProgrammaticScroll from './hooks/use-prevent-programmatic-scroll';
 const styles = {
   default: "_16jlkb7n _1o9zkb7n _i0dlf1ug _1reo1wug _18m91wug _19pk1ejb"

package/dist/es2019/drawer-panel/drawer-panel.js

@@ -4,7 +4,8 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useRef } from 'react';
 import { ExitingPersistence, SlideIn } from '@atlaskit/motion';
-import { EnsureIsInsideDrawerContext, OnCloseContext } from '../context';
+import { EnsureIsInsideDrawerContext } from '../ensure-is-inside-drawer-context';
+import { OnCloseContext } from '../on-close-context';
 import FocusLock from './focus-lock';
 const LOCAL_CURRENT_SURFACE_CSS_VAR = '--ds-elevation-surface-current';
 const styles = {

package/dist/es2019/drawer-panel/drawer-sidebar.compiled.css

@@ -1,10 +1,10 @@
 ._1bsbxncg{width:var(--ds-space-800,4pc)}
 ._1e0c1txw{display:flex}
 ._1o9zidpf{flex-shrink:0}
+._1q511ejb{padding-block-start:var(--ds-space-300,24px)}
 ._2lx21bp4{flex-direction:column}
 ._4cvr1h6o{align-items:center}
 ._4t3i1kxc{height:100vh}
-._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
-._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
+._85i5pxbi{padding-block-end:var(--ds-space-200,1pc)}
 ._syazazsu{color:var(--ds-text-subtle,#505258)}
 ._vchhusvi{box-sizing:border-box}

package/dist/es2019/drawer-panel/drawer-sidebar.js

@@ -2,9 +2,9 @@
 import "./drawer-sidebar.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { useEnsureIsInsideDrawer } from '../context';
+import { useEnsureIsInsideDrawer } from '../use-ensure-is-inside-drawer';
 const styles = {
-  default: "_4cvr1h6o _vchhusvi _syazazsu _1e0c1txw _1o9zidpf _2lx21bp4 _4t3i1kxc _n3tdpxbi _ca0q1ejb _1bsbxncg"
+  default: "_4cvr1h6o _vchhusvi _syazazsu _1e0c1txw _1o9zidpf _2lx21bp4 _4t3i1kxc _85i5pxbi _1q511ejb _1bsbxncg"
 };
 
 /**

package/dist/es2019/drawer.js

@@ -52,7 +52,7 @@ export const Drawer = ({
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "0.0.0-development",
+    packageVersion: "12.0.6",
     analyticsData: {
       trigger: 'escKey'
     }
@@ -73,7 +73,7 @@ export const Drawer = ({
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "0.0.0-development",
+    packageVersion: "12.0.6",
     analyticsData: {
       trigger: 'blanket'
     }
@@ -83,7 +83,7 @@ export const Drawer = ({
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "0.0.0-development",
+    packageVersion: "12.0.6",
     analyticsData: {
       trigger: 'backButton'
     }

package/dist/es2019/ensure-is-inside-drawer-context.js

@@ -0,0 +1,8 @@
+import { createContext } from 'react';
+
+/**
+ * __Ensure is inside drawer context__
+ *
+ * An context that ensures that the component is inside a drawer.
+ */
+export const EnsureIsInsideDrawerContext = /*#__PURE__*/createContext(false);

package/dist/es2019/on-close-context.js

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+/**
+ * __On close context__
+ *
+ * An context that provides the on close function for the drawer.
+ */
+export const OnCloseContext = /*#__PURE__*/createContext(undefined);

package/dist/es2019/use-ensure-is-inside-drawer.js

@@ -0,0 +1,7 @@
+import { useContext } from 'react';
+import invariant from 'tiny-invariant';
+import { EnsureIsInsideDrawerContext } from './ensure-is-inside-drawer-context';
+export const useEnsureIsInsideDrawer = () => {
+  const context = useContext(EnsureIsInsideDrawerContext);
+  invariant(context, 'Drawer sub-components must be used within a Drawer component.');
+};

package/dist/es2019/use-on-close.js

@@ -0,0 +1,3 @@
+import { useContext } from 'react';
+import { OnCloseContext } from './on-close-context';
+export const useOnClose = () => useContext(OnCloseContext);

package/dist/esm/drawer-panel/drawer-close-button.js

@@ -2,7 +2,9 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { IconButton } from '@atlaskit/button/new';
 import ArrowLeft from '@atlaskit/icon/core/arrow-left';
-import { useEnsureIsInsideDrawer, useOnClose } from '../context';
+import { useEnsureIsInsideDrawer } from '../use-ensure-is-inside-drawer';
+import { useOnClose } from '../use-on-close';
+
 /**
  * __Drawer close button
  *

package/dist/esm/drawer-panel/drawer-content.js

@@ -6,7 +6,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef, useEffect, useRef, useState } from 'react';
 import ScrollLock from 'react-scrolllock';
 import { mergeRefs } from 'use-callback-ref';
-import { useEnsureIsInsideDrawer } from '../context';
+import { useEnsureIsInsideDrawer } from '../use-ensure-is-inside-drawer';
 import usePreventProgrammaticScroll from './hooks/use-prevent-programmatic-scroll';
 var styles = {
   default: "_16jlkb7n _1o9zkb7n _i0dlf1ug _1reo1wug _18m91wug _19pk1ejb"

package/dist/esm/drawer-panel/drawer-panel.js

@@ -4,7 +4,8 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useRef } from 'react';
 import { ExitingPersistence, SlideIn } from '@atlaskit/motion';
-import { EnsureIsInsideDrawerContext, OnCloseContext } from '../context';
+import { EnsureIsInsideDrawerContext } from '../ensure-is-inside-drawer-context';
+import { OnCloseContext } from '../on-close-context';
 import FocusLock from './focus-lock';
 var LOCAL_CURRENT_SURFACE_CSS_VAR = '--ds-elevation-surface-current';
 var styles = {

package/dist/esm/drawer-panel/drawer-sidebar.compiled.css

@@ -1,10 +1,10 @@
 ._1bsbxncg{width:var(--ds-space-800,4pc)}
 ._1e0c1txw{display:flex}
 ._1o9zidpf{flex-shrink:0}
+._1q511ejb{padding-block-start:var(--ds-space-300,24px)}
 ._2lx21bp4{flex-direction:column}
 ._4cvr1h6o{align-items:center}
 ._4t3i1kxc{height:100vh}
-._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
-._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
+._85i5pxbi{padding-block-end:var(--ds-space-200,1pc)}
 ._syazazsu{color:var(--ds-text-subtle,#505258)}
 ._vchhusvi{box-sizing:border-box}

package/dist/esm/drawer-panel/drawer-sidebar.js

@@ -2,9 +2,9 @@
 import "./drawer-sidebar.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { useEnsureIsInsideDrawer } from '../context';
+import { useEnsureIsInsideDrawer } from '../use-ensure-is-inside-drawer';
 var styles = {
-  default: "_4cvr1h6o _vchhusvi _syazazsu _1e0c1txw _1o9zidpf _2lx21bp4 _4t3i1kxc _n3tdpxbi _ca0q1ejb _1bsbxncg"
+  default: "_4cvr1h6o _vchhusvi _syazazsu _1e0c1txw _1o9zidpf _2lx21bp4 _4t3i1kxc _85i5pxbi _1q511ejb _1bsbxncg"
 };
 
 /**

package/dist/esm/drawer.js

@@ -57,7 +57,7 @@ export var Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "0.0.0-development",
+    packageVersion: "12.0.6",
     analyticsData: {
       trigger: 'escKey'
     }
@@ -80,7 +80,7 @@ export var Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "0.0.0-development",
+    packageVersion: "12.0.6",
     analyticsData: {
       trigger: 'blanket'
     }
@@ -92,7 +92,7 @@ export var Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "0.0.0-development",
+    packageVersion: "12.0.6",
     analyticsData: {
       trigger: 'backButton'
     }

package/dist/esm/ensure-is-inside-drawer-context.js

@@ -0,0 +1,8 @@
+import { createContext } from 'react';
+
+/**
+ * __Ensure is inside drawer context__
+ *
+ * An context that ensures that the component is inside a drawer.
+ */
+export var EnsureIsInsideDrawerContext = /*#__PURE__*/createContext(false);

package/dist/esm/on-close-context.js

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+/**
+ * __On close context__
+ *
+ * An context that provides the on close function for the drawer.
+ */
+export var OnCloseContext = /*#__PURE__*/createContext(undefined);

package/dist/esm/use-ensure-is-inside-drawer.js

@@ -0,0 +1,7 @@
+import { useContext } from 'react';
+import invariant from 'tiny-invariant';
+import { EnsureIsInsideDrawerContext } from './ensure-is-inside-drawer-context';
+export var useEnsureIsInsideDrawer = function useEnsureIsInsideDrawer() {
+  var context = useContext(EnsureIsInsideDrawerContext);
+  invariant(context, 'Drawer sub-components must be used within a Drawer component.');
+};

package/dist/esm/use-on-close.js

@@ -0,0 +1,5 @@
+import { useContext } from 'react';
+import { OnCloseContext } from './on-close-context';
+export var useOnClose = function useOnClose() {
+  return useContext(OnCloseContext);
+};

package/dist/types/ensure-is-inside-drawer-context.d.ts

@@ -0,0 +1,7 @@
+import { type Context } from 'react';
+/**
+ * __Ensure is inside drawer context__
+ *
+ * An context that ensures that the component is inside a drawer.
+ */
+export declare const EnsureIsInsideDrawerContext: Context<boolean>;

package/dist/types/on-close-context.d.ts

@@ -0,0 +1,7 @@
+import { type Context, type SyntheticEvent } from 'react';
+/**
+ * __On close context__
+ *
+ * An context that provides the on close function for the drawer.
+ */
+export declare const OnCloseContext: Context<((event: SyntheticEvent<HTMLElement>, analyticsEvent?: any) => void) | undefined>;

package/dist/types/use-ensure-is-inside-drawer.d.ts

@@ -0,0 +1 @@
+export declare const useEnsureIsInsideDrawer: () => void;

package/dist/types/use-on-close.d.ts

@@ -0,0 +1,2 @@
+import { type SyntheticEvent } from 'react';
+export declare const useOnClose: () => ((event: SyntheticEvent<HTMLElement>, analyticsEvent?: any) => void) | undefined;

package/dist/types-ts4.5/ensure-is-inside-drawer-context.d.ts

@@ -0,0 +1,7 @@
+import { type Context } from 'react';
+/**
+ * __Ensure is inside drawer context__
+ *
+ * An context that ensures that the component is inside a drawer.
+ */
+export declare const EnsureIsInsideDrawerContext: Context<boolean>;

package/dist/types-ts4.5/on-close-context.d.ts

@@ -0,0 +1,7 @@
+import { type Context, type SyntheticEvent } from 'react';
+/**
+ * __On close context__
+ *
+ * An context that provides the on close function for the drawer.
+ */
+export declare const OnCloseContext: Context<((event: SyntheticEvent<HTMLElement>, analyticsEvent?: any) => void) | undefined>;

package/dist/types-ts4.5/use-ensure-is-inside-drawer.d.ts

@@ -0,0 +1 @@
+export declare const useEnsureIsInsideDrawer: () => void;

package/dist/types-ts4.5/use-on-close.d.ts

@@ -0,0 +1,2 @@
+import { type SyntheticEvent } from 'react';
+export declare const useOnClose: () => ((event: SyntheticEvent<HTMLElement>, analyticsEvent?: any) => void) | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/drawer",
-	"version": "12.0.4",
+	"version": "12.0.6",
 	"description": "A drawer is a panel that slides in from the left side of the screen.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -50,10 +50,10 @@
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/icon": "^34.0.0",
 		"@atlaskit/layering": "^3.6.0",
-		"@atlaskit/motion": "^5.5.0",
+		"@atlaskit/motion": "^5.6.0",
 		"@atlaskit/portal": "^5.4.0",
 		"@atlaskit/theme": "^23.0.0",
-		"@atlaskit/tokens": "^11.4.0",
+		"@atlaskit/tokens": "^13.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
 		"bind-event-listener": "^3.0.0",
@@ -73,13 +73,13 @@
 		"@atlaskit/code": "^17.4.0",
 		"@atlaskit/docs": "^11.7.0",
 		"@atlaskit/dropdown-menu": "^16.8.0",
-		"@atlaskit/ds-lib": "^6.0.0",
+		"@atlaskit/ds-lib": "^7.0.0",
 		"@atlaskit/form": "^15.5.0",
 		"@atlaskit/inline-message": "^15.6.0",
 		"@atlaskit/link": "^3.4.0",
 		"@atlaskit/menu": "^8.4.0",
-		"@atlaskit/modal-dialog": "^14.14.0",
-		"@atlaskit/primitives": "^18.1.0",
+		"@atlaskit/modal-dialog": "^14.15.0",
+		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/section-message": "^8.12.0",
 		"@atlassian/react-compiler-gating": "workspace:^",
 		"@atlassian/ssr-tests": "workspace:^",

package/dist/cjs/context.js

@@ -1,26 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useOnClose = exports.useEnsureIsInsideDrawer = exports.OnCloseContext = exports.EnsureIsInsideDrawerContext = void 0;
-var _react = require("react");
-var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
-/**
- * Context used to share the `onClose` prop value with sub-components.
- */
-var OnCloseContext = exports.OnCloseContext = /*#__PURE__*/(0, _react.createContext)(undefined);
-var useOnClose = exports.useOnClose = function useOnClose() {
-  return (0, _react.useContext)(OnCloseContext);
-};
-
-/**
- * Used to ensure Drawer sub-components are used within a Drawer component,
- * and provide a useful error message if not.
- */
-var EnsureIsInsideDrawerContext = exports.EnsureIsInsideDrawerContext = /*#__PURE__*/(0, _react.createContext)(false);
-var useEnsureIsInsideDrawer = exports.useEnsureIsInsideDrawer = function useEnsureIsInsideDrawer() {
-  var context = (0, _react.useContext)(EnsureIsInsideDrawerContext);
-  (0, _tinyInvariant.default)(context, 'Drawer sub-components must be used within a Drawer component.');
-};

package/dist/es2019/context.js

@@ -1,17 +0,0 @@
-import { createContext, useContext } from 'react';
-import invariant from 'tiny-invariant';
-/**
- * Context used to share the `onClose` prop value with sub-components.
- */
-export const OnCloseContext = /*#__PURE__*/createContext(undefined);
-export const useOnClose = () => useContext(OnCloseContext);
-
-/**
- * Used to ensure Drawer sub-components are used within a Drawer component,
- * and provide a useful error message if not.
- */
-export const EnsureIsInsideDrawerContext = /*#__PURE__*/createContext(false);
-export const useEnsureIsInsideDrawer = () => {
-  const context = useContext(EnsureIsInsideDrawerContext);
-  invariant(context, 'Drawer sub-components must be used within a Drawer component.');
-};

package/dist/esm/context.js

@@ -1,19 +0,0 @@
-import { createContext, useContext } from 'react';
-import invariant from 'tiny-invariant';
-/**
- * Context used to share the `onClose` prop value with sub-components.
- */
-export var OnCloseContext = /*#__PURE__*/createContext(undefined);
-export var useOnClose = function useOnClose() {
-  return useContext(OnCloseContext);
-};
-
-/**
- * Used to ensure Drawer sub-components are used within a Drawer component,
- * and provide a useful error message if not.
- */
-export var EnsureIsInsideDrawerContext = /*#__PURE__*/createContext(false);
-export var useEnsureIsInsideDrawer = function useEnsureIsInsideDrawer() {
-  var context = useContext(EnsureIsInsideDrawerContext);
-  invariant(context, 'Drawer sub-components must be used within a Drawer component.');
-};

package/dist/types/context.d.ts

@@ -1,12 +0,0 @@
-import { type Context, type SyntheticEvent } from 'react';
-/**
- * Context used to share the `onClose` prop value with sub-components.
- */
-export declare const OnCloseContext: Context<((event: SyntheticEvent<HTMLElement>, analyticsEvent?: any) => void) | undefined>;
-export declare const useOnClose: () => ((event: SyntheticEvent<HTMLElement>, analyticsEvent?: any) => void) | undefined;
-/**
- * Used to ensure Drawer sub-components are used within a Drawer component,
- * and provide a useful error message if not.
- */
-export declare const EnsureIsInsideDrawerContext: Context<boolean>;
-export declare const useEnsureIsInsideDrawer: () => void;

package/dist/types-ts4.5/context.d.ts

@@ -1,12 +0,0 @@
-import { type Context, type SyntheticEvent } from 'react';
-/**
- * Context used to share the `onClose` prop value with sub-components.
- */
-export declare const OnCloseContext: Context<((event: SyntheticEvent<HTMLElement>, analyticsEvent?: any) => void) | undefined>;
-export declare const useOnClose: () => ((event: SyntheticEvent<HTMLElement>, analyticsEvent?: any) => void) | undefined;
-/**
- * Used to ensure Drawer sub-components are used within a Drawer component,
- * and provide a useful error message if not.
- */
-export declare const EnsureIsInsideDrawerContext: Context<boolean>;
-export declare const useEnsureIsInsideDrawer: () => void;