@atlaskit/drawer 7.0.0 → 7.1.2

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @atlaskit/drawer
 
+## 7.1.2
+
+### Patch Changes
+
+- Updated dependencies
+
+## 7.1.1
+
+### Patch Changes
+
+- [`c55c736ecea`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c55c736ecea) - Patch VULN AFP-3486 AFP-3487 AFP-3488 AFP-3489
+
+## 7.1.0
+
+### Minor Changes
+
+- [`d19fa028010`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d19fa028010) - Instrumented `@atlaskit/drawer` with the new theming package, `@atlaskit/tokens`.
+
+  New tokens will be visible only in applications configured to use the new Tokens API (currently in alpha). These changes are intended to be interoperable with the legacy theme implementation. Legacy dark mode users should expect no visual or breaking changes.
+
+## 7.0.1
+
+### Patch Changes
+
+- [`3fced6aa641`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3fced6aa641) - Bumped `react-focus-lock` to version `^2.2.1`.
+
 ## 7.0.0
 
 ### Major Changes

package/dist/cjs/components/index.js

@@ -52,7 +52,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var packageName = "@atlaskit/drawer";
-var packageVersion = "7.0.0";
+var packageVersion = "7.1.2";
 
 var OnlyChild = function OnlyChild(_ref) {
   var children = _ref.children;

package/dist/cjs/components/primitives/content.js

@@ -15,7 +15,7 @@ var _core = require("@emotion/core");
 
 var _constants = require("@atlaskit/theme/constants");
 
-/** @jsx jsx */
+var _excluded = ["cssFn"];
 var defaultStyles = {
   flex: 1,
   overflow: 'auto',
@@ -28,7 +28,7 @@ var contentCSS = function contentCSS() {
 
 var Content = function Content(_ref) {
   var cssFn = _ref.cssFn,
-      props = (0, _objectWithoutProperties2.default)(_ref, ["cssFn"]);
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return (
     /**
      * I noticed the implementation at @atlaskit/checkbox would send the props to cssFn rather

package/dist/cjs/components/primitives/icon-button.js

@@ -29,10 +29,10 @@ var iconButtonStyles = (0, _core.css)({
   fontSize: 'inherit',
   lineHeight: 1,
   '&:hover': {
-    backgroundColor: _colors.N30A
+    backgroundColor: "var(--ds-background-transparentNeutral-hover, ".concat(_colors.N30A, ")")
   },
   '&:active': {
-    backgroundColor: _colors.B50,
+    backgroundColor: "var(--ds-background-transparentNeutral-pressed, ".concat(_colors.B50, ")"),
     outline: 0
   }
 });

package/dist/cjs/components/primitives/index.js

@@ -43,13 +43,18 @@ var _iconButton = _interopRequireDefault(require("./icon-button"));
 
 var _sidebar = _interopRequireDefault(require("./sidebar"));
 
+var _excluded = ["width", "shouldUnmountOnExit", "style"],
+    _excluded2 = ["children", "icon", "onClose", "onCloseComplete", "onOpenComplete", "overrides", "testId"],
+    _excluded3 = ["component"],
+    _excluded4 = ["component"];
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 // Misc.
 // ------------------------------
@@ -67,7 +72,7 @@ var wrapperStyles = (0, _core.css)({
   zIndex: _constants.layers.blanket() + 1,
   top: 0,
   left: 0,
-  backgroundColor: _colors.N0,
+  backgroundColor: "var(--ds-background-overlay, ".concat(_colors.N0, ")"),
   overflow: 'hidden'
 });
 
@@ -76,7 +81,7 @@ var Wrapper = function Wrapper(_ref) {
       width = _ref$width === void 0 ? 'narrow' : _ref$width,
       shouldUnmountOnExit = _ref.shouldUnmountOnExit,
       style = _ref.style,
-      props = (0, _objectWithoutProperties2.default)(_ref, ["width", "shouldUnmountOnExit", "style"]);
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return (0, _core.jsx)("div", (0, _extends2.default)({
     style: _objectSpread(_objectSpread({}, style), {}, {
       width: widths[width]
@@ -111,16 +116,16 @@ var DrawerPrimitive = /*#__PURE__*/function (_Component) {
           onOpenComplete = _this$props.onOpenComplete,
           overrides = _this$props.overrides,
           testId = _this$props.testId,
-          props = (0, _objectWithoutProperties2.default)(_this$props, ["children", "icon", "onClose", "onCloseComplete", "onOpenComplete", "overrides", "testId"]);
+          props = (0, _objectWithoutProperties2.default)(_this$props, _excluded2);
       var getOverrides = (0, _utils.createExtender)(defaults, overrides);
 
       var _getOverrides = getOverrides('Sidebar'),
           Sidebar = _getOverrides.component,
-          sideBarOverrides = (0, _objectWithoutProperties2.default)(_getOverrides, ["component"]);
+          sideBarOverrides = (0, _objectWithoutProperties2.default)(_getOverrides, _excluded3);
 
       var _getOverrides2 = getOverrides('Content'),
           Content = _getOverrides2.component,
-          contentOverrides = (0, _objectWithoutProperties2.default)(_getOverrides2, ["component"]);
+          contentOverrides = (0, _objectWithoutProperties2.default)(_getOverrides2, _excluded4);
 
       return (0, _core.jsx)(_transitions.Slide, (0, _extends2.default)({
         component: Wrapper,

package/dist/cjs/components/primitives/sidebar.js

@@ -17,11 +17,11 @@ var _colors = require("@atlaskit/theme/colors");
 
 var _constants = require("@atlaskit/theme/constants");
 
-/** @jsx jsx */
+var _excluded = ["cssFn"];
 var defaultStyle = {
   alignItems: 'center',
   boxSizing: 'border-box',
-  color: _colors.N500,
+  color: "var(--ds-text-mediumEmphasis, ".concat(_colors.N500, ")"),
   display: 'flex',
   flexShrink: 0,
   flexDirection: 'column',
@@ -37,7 +37,7 @@ var sidebarCSS = function sidebarCSS() {
 
 var Sidebar = function Sidebar(_ref) {
   var cssFn = _ref.cssFn,
-      props = (0, _objectWithoutProperties2.default)(_ref, ["cssFn"]);
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
   return (0, _core.jsx)("div", (0, _extends2.default)({
     css: cssFn(defaultStyle)

package/dist/cjs/components/transitions.js

@@ -35,13 +35,16 @@ var _constants = require("@atlaskit/theme/constants");
 
 var _constants2 = require("../constants");
 
+var _excluded = ["component", "in", "onExited", "onEntered", "defaultStyles", "transitionStyles", "transitionProps"],
+    _excluded2 = ["shouldUnmountOnExit"];
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 
@@ -104,7 +107,7 @@ var TransitionHandler = /*#__PURE__*/function (_Component) {
           defaultStyles = _this$props.defaultStyles,
           transitionStyles = _this$props.transitionStyles,
           transitionProps = _this$props.transitionProps,
-          props = (0, _objectWithoutProperties2.default)(_this$props, ["component", "in", "onExited", "onEntered", "defaultStyles", "transitionStyles", "transitionProps"]);
+          props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
       var timeout = {
         enter: 0,
         exit: _constants2.transitionDurationMs
@@ -158,7 +161,7 @@ exports.Fade = Fade;
 var Slide = function Slide(_ref2) {
   var _ref2$shouldUnmountOn = _ref2.shouldUnmountOnExit,
       shouldUnmountOnExit = _ref2$shouldUnmountOn === void 0 ? true : _ref2$shouldUnmountOn,
-      props = (0, _objectWithoutProperties2.default)(_ref2, ["shouldUnmountOnExit"]);
+      props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
   return /*#__PURE__*/_react.default.createElement(TransitionHandler, (0, _extends2.default)({
     defaultStyles: {
       transition: "transform ".concat(_constants2.transitionDurationMs, "ms ").concat(_constants2.transitionTimingFunction, ", ") + "width ".concat(_constants2.transitionDurationMs, "ms ").concat(_constants2.transitionTimingFunction),

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/drawer",
-	"version": "7.0.0",
+	"version": "7.1.2",
 	"sideEffects": false
 }

package/dist/es2019/components/index.js

@@ -10,7 +10,7 @@ import FocusLock from './focus-lock';
 import DrawerPrimitive from './primitives';
 import { Fade } from './transitions';
 const packageName = "@atlaskit/drawer";
-const packageVersion = "7.0.0";
+const packageVersion = "7.1.2";
 
 const OnlyChild = ({
   children

package/dist/es2019/components/primitives/icon-button.js

@@ -19,10 +19,10 @@ const iconButtonStyles = css({
   fontSize: 'inherit',
   lineHeight: 1,
   '&:hover': {
-    backgroundColor: N30A
+    backgroundColor: `var(--ds-background-transparentNeutral-hover, ${N30A})`
   },
   '&:active': {
-    backgroundColor: B50,
+    backgroundColor: `var(--ds-background-transparentNeutral-pressed, ${B50})`,
     outline: 0
   }
 });

package/dist/es2019/components/primitives/index.js

@@ -27,7 +27,7 @@ const wrapperStyles = css({
   zIndex: layers.blanket() + 1,
   top: 0,
   left: 0,
-  backgroundColor: N0,
+  backgroundColor: `var(--ds-background-overlay, ${N0})`,
   overflow: 'hidden'
 });
 

package/dist/es2019/components/primitives/sidebar.js

@@ -7,7 +7,7 @@ import { gridSize } from '@atlaskit/theme/constants';
 const defaultStyle = {
   alignItems: 'center',
   boxSizing: 'border-box',
-  color: N500,
+  color: `var(--ds-text-mediumEmphasis, ${N500})`,
   display: 'flex',
   flexShrink: 0,
   flexDirection: 'column',

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/drawer",
-	"version": "7.0.0",
+	"version": "7.1.2",
 	"sideEffects": false
 }

package/dist/esm/components/index.js

@@ -21,7 +21,7 @@ import FocusLock from './focus-lock';
 import DrawerPrimitive from './primitives';
 import { Fade } from './transitions';
 var packageName = "@atlaskit/drawer";
-var packageVersion = "7.0.0";
+var packageVersion = "7.1.2";
 
 var OnlyChild = function OnlyChild(_ref) {
   var children = _ref.children;

package/dist/esm/components/primitives/content.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["cssFn"];
 
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
@@ -16,7 +17,7 @@ var contentCSS = function contentCSS() {
 
 var Content = function Content(_ref) {
   var cssFn = _ref.cssFn,
-      props = _objectWithoutProperties(_ref, ["cssFn"]);
+      props = _objectWithoutProperties(_ref, _excluded);
 
   return (
     /**

package/dist/esm/components/primitives/icon-button.js

@@ -19,10 +19,10 @@ var iconButtonStyles = css({
   fontSize: 'inherit',
   lineHeight: 1,
   '&:hover': {
-    backgroundColor: N30A
+    backgroundColor: "var(--ds-background-transparentNeutral-hover, ".concat(N30A, ")")
   },
   '&:active': {
-    backgroundColor: B50,
+    backgroundColor: "var(--ds-background-transparentNeutral-pressed, ".concat(B50, ")"),
     outline: 0
   }
 });

package/dist/esm/components/primitives/index.js

@@ -6,14 +6,18 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["width", "shouldUnmountOnExit", "style"],
+    _excluded2 = ["children", "icon", "onClose", "onCloseComplete", "onOpenComplete", "overrides", "testId"],
+    _excluded3 = ["component"],
+    _excluded4 = ["component"];
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 /** @jsx jsx */
 import { Component } from 'react';
@@ -42,7 +46,7 @@ var wrapperStyles = css({
   zIndex: layers.blanket() + 1,
   top: 0,
   left: 0,
-  backgroundColor: N0,
+  backgroundColor: "var(--ds-background-overlay, ".concat(N0, ")"),
   overflow: 'hidden'
 });
 
@@ -51,7 +55,7 @@ var Wrapper = function Wrapper(_ref) {
       width = _ref$width === void 0 ? 'narrow' : _ref$width,
       shouldUnmountOnExit = _ref.shouldUnmountOnExit,
       style = _ref.style,
-      props = _objectWithoutProperties(_ref, ["width", "shouldUnmountOnExit", "style"]);
+      props = _objectWithoutProperties(_ref, _excluded);
 
   return jsx("div", _extends({
     style: _objectSpread(_objectSpread({}, style), {}, {
@@ -88,17 +92,17 @@ var DrawerPrimitive = /*#__PURE__*/function (_Component) {
           onOpenComplete = _this$props.onOpenComplete,
           overrides = _this$props.overrides,
           testId = _this$props.testId,
-          props = _objectWithoutProperties(_this$props, ["children", "icon", "onClose", "onCloseComplete", "onOpenComplete", "overrides", "testId"]);
+          props = _objectWithoutProperties(_this$props, _excluded2);
 
       var getOverrides = createExtender(defaults, overrides);
 
       var _getOverrides = getOverrides('Sidebar'),
           Sidebar = _getOverrides.component,
-          sideBarOverrides = _objectWithoutProperties(_getOverrides, ["component"]);
+          sideBarOverrides = _objectWithoutProperties(_getOverrides, _excluded3);
 
       var _getOverrides2 = getOverrides('Content'),
           Content = _getOverrides2.component,
-          contentOverrides = _objectWithoutProperties(_getOverrides2, ["component"]);
+          contentOverrides = _objectWithoutProperties(_getOverrides2, _excluded4);
 
       return jsx(Slide, _extends({
         component: Wrapper,

package/dist/esm/components/primitives/sidebar.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["cssFn"];
 
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
@@ -8,7 +9,7 @@ import { gridSize } from '@atlaskit/theme/constants';
 var defaultStyle = {
   alignItems: 'center',
   boxSizing: 'border-box',
-  color: N500,
+  color: "var(--ds-text-mediumEmphasis, ".concat(N500, ")"),
   display: 'flex',
   flexShrink: 0,
   flexDirection: 'column',
@@ -24,7 +25,7 @@ var sidebarCSS = function sidebarCSS() {
 
 var Sidebar = function Sidebar(_ref) {
   var cssFn = _ref.cssFn,
-      props = _objectWithoutProperties(_ref, ["cssFn"]);
+      props = _objectWithoutProperties(_ref, _excluded);
 
   // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
   return jsx("div", _extends({

package/dist/esm/components/transitions.js

@@ -7,10 +7,12 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["component", "in", "onExited", "onEntered", "defaultStyles", "transitionStyles", "transitionProps"],
+    _excluded2 = ["shouldUnmountOnExit"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -82,7 +84,7 @@ var TransitionHandler = /*#__PURE__*/function (_Component) {
           defaultStyles = _this$props.defaultStyles,
           transitionStyles = _this$props.transitionStyles,
           transitionProps = _this$props.transitionProps,
-          props = _objectWithoutProperties(_this$props, ["component", "in", "onExited", "onEntered", "defaultStyles", "transitionStyles", "transitionProps"]);
+          props = _objectWithoutProperties(_this$props, _excluded);
 
       var timeout = {
         enter: 0,
@@ -136,7 +138,7 @@ export var Fade = function Fade(_ref) {
 export var Slide = function Slide(_ref2) {
   var _ref2$shouldUnmountOn = _ref2.shouldUnmountOnExit,
       shouldUnmountOnExit = _ref2$shouldUnmountOn === void 0 ? true : _ref2$shouldUnmountOn,
-      props = _objectWithoutProperties(_ref2, ["shouldUnmountOnExit"]);
+      props = _objectWithoutProperties(_ref2, _excluded2);
 
   return /*#__PURE__*/React.createElement(TransitionHandler, _extends({
     defaultStyles: {

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/drawer",
-	"version": "7.0.0",
+	"version": "7.1.2",
 	"sideEffects": false
 }

package/dist/types/components/primitives/content.d.ts

@@ -1,4 +1,5 @@
 /** @jsx jsx */
+/// <reference types="react" />
 import { CSSObject } from '@emotion/core';
 import { ContentProps } from '../types';
 declare const _default: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/drawer",
-  "version": "7.0.0",
+  "version": "7.1.2",
   "description": "React component the renders a Drawer from the left of the screen",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -17,7 +17,6 @@
   "atlassian": {
     "team": "Design System Team",
     "deprecatedAutoEntryPoints": true,
-    "inPublicMirror": true,
     "releaseModel": "scheduled",
     "website": {
       "name": "Drawer"
@@ -26,13 +25,14 @@
   "dependencies": {
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/blanket": "^12.1.0",
-    "@atlaskit/icon": "^21.9.0",
+    "@atlaskit/icon": "^21.10.0",
     "@atlaskit/portal": "^4.0.0",
-    "@atlaskit/theme": "^12.0.0",
+    "@atlaskit/theme": "^12.1.0",
+    "@atlaskit/tokens": "^0.5.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/core": "^10.0.9",
     "exenv": "^1.2.2",
-    "react-focus-lock": "^1.19.1",
+    "react-focus-lock": "^2.5.2",
     "react-transition-group": "^4.4.1",
     "tiny-invariant": "^0.0.3"
   },
@@ -40,18 +40,17 @@
     "react": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/build-utils": "*",
     "@atlaskit/button": "^16.0.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/dropdown-menu": "^10.1.0",
-    "@atlaskit/menu": "^1.0.4",
+    "@atlaskit/dropdown-menu": "^11.0.0",
+    "@atlaskit/menu": "^1.2.0",
     "@atlaskit/section-message": "^6.0.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "enzyme": "^3.10.0",
-    "lodash": "^4.17.15",
+    "lodash": "^4.17.21",
     "react-dom": "^16.8.0",
     "react-lorem-component": "^0.13.0",
     "typescript": "3.9.6",
@@ -63,7 +62,11 @@
     },
     "@repo/internal": {
       "analytics": "analytics-next",
-      "styling": "emotion",
+      "theming": "tokens",
+      "styling": [
+        "static",
+        "emotion"
+      ],
       "deprecation": "no-deprecated-imports"
     }
   },