@atlaskit/drawer 7.1.0 → 7.1.4

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @atlaskit/drawer
 
+## 7.1.4
+
+### Patch Changes
+
+- [`e9210b8a098`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e9210b8a098) - Updates Drawer with deprecated status for `cssFn`/`overrides APIs.
+
+## 7.1.3
+
+### Patch Changes
+
+- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - Bump dependency tiny-invariant to latest"
+- Updated dependencies
+
+## 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

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.1.0";
+var packageVersion = "7.1.4";
 
 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: "var(--ds-background-transparentNeutral-hover, ".concat(_colors.N30A, ")")
+    backgroundColor: "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30A, ")")
   },
   '&:active': {
-    backgroundColor: "var(--ds-background-transparentNeutral-pressed, ".concat(_colors.B50, ")"),
+    backgroundColor: "var(--ds-background-neutral-subtle-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: "var(--ds-background-overlay, ".concat(_colors.N0, ")"),
+  backgroundColor: "var(--ds-surface-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: "var(--ds-text-mediumEmphasis, ".concat(_colors.N500, ")"),
+  color: "var(--ds-text-subtle, ".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/components/utils.js

@@ -5,6 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createExtender = void 0;
 
+/**
+ * @deprecated Please avoid using this function as we intend to remote it in a future release. See DSP-2673 for more information.
+ */
 var createExtender = function createExtender(defaults) {
   var overrides = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Object.create(Object.prototype);
 

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/drawer",
-	"version": "7.1.0",
+	"version": "7.1.4",
 	"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.1.0";
+const packageVersion = "7.1.4";
 
 const OnlyChild = ({
   children

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

@@ -19,10 +19,10 @@ const iconButtonStyles = css({
   fontSize: 'inherit',
   lineHeight: 1,
   '&:hover': {
-    backgroundColor: `var(--ds-background-transparentNeutral-hover, ${N30A})`
+    backgroundColor: `var(--ds-background-neutral-subtle-hovered, ${N30A})`
   },
   '&:active': {
-    backgroundColor: `var(--ds-background-transparentNeutral-pressed, ${B50})`,
+    backgroundColor: `var(--ds-background-neutral-subtle-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: `var(--ds-background-overlay, ${N0})`,
+  backgroundColor: `var(--ds-surface-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: `var(--ds-text-mediumEmphasis, ${N500})`,
+  color: `var(--ds-text-subtle, ${N500})`,
   display: 'flex',
   flexShrink: 0,
   flexDirection: 'column',

package/dist/es2019/components/utils.js

@@ -1,3 +1,6 @@
+/**
+ * @deprecated Please avoid using this function as we intend to remote it in a future release. See DSP-2673 for more information.
+ */
 export const createExtender = function createExtender(defaults,
 /** We're defaulting to an Object.create call here to circumvent
  *  the fact that {} can't be reconciled

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/drawer",
-	"version": "7.1.0",
+	"version": "7.1.4",
 	"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.1.0";
+var packageVersion = "7.1.4";
 
 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: "var(--ds-background-transparentNeutral-hover, ".concat(N30A, ")")
+    backgroundColor: "var(--ds-background-neutral-subtle-hovered, ".concat(N30A, ")")
   },
   '&:active': {
-    backgroundColor: "var(--ds-background-transparentNeutral-pressed, ".concat(B50, ")"),
+    backgroundColor: "var(--ds-background-neutral-subtle-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: "var(--ds-background-overlay, ".concat(N0, ")"),
+  backgroundColor: "var(--ds-surface-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: "var(--ds-text-mediumEmphasis, ".concat(N500, ")"),
+  color: "var(--ds-text-subtle, ".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/components/utils.js

@@ -1,3 +1,6 @@
+/**
+ * @deprecated Please avoid using this function as we intend to remote it in a future release. See DSP-2673 for more information.
+ */
 export var createExtender = function createExtender(defaults) {
   var overrides = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Object.create(Object.prototype);
 

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/drawer",
-	"version": "7.1.0",
+	"version": "7.1.4",
 	"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/dist/types/components/types.d.ts

@@ -31,6 +31,9 @@ export interface BaseProps {
      */
     overrides?: OverridesType;
 }
+/**
+ * @deprecated Please avoid using this type as we intend to remote it in a future release. See DSP-2673 for more information.
+ */
 export declare type DefaultsType = {
     Sidebar: {
         component: React.ComponentType<SidebarProps>;
@@ -41,6 +44,9 @@ export declare type DefaultsType = {
         cssFn: (defaultStyles: CSSObject) => CSSObject;
     };
 };
+/**
+ * @deprecated Please avoid using this prop as we intend to remove the prop completely in a future release. See DSP-2673 for more information.
+ */
 export declare type OverridesType = {
     Sidebar?: {
         component?: React.ComponentType<SidebarProps>;
@@ -51,13 +57,25 @@ export declare type OverridesType = {
         cssFn?: (defaultStyles: CSSObject) => CSSObject;
     };
 };
+/**
+ * @deprecated Please avoid using this type as we intend to remote it in a future release. See DSP-2673 for more information.
+ */
 export declare type DrawerPrimitiveDefaults = Pick<DefaultsType, 'Sidebar' | 'Content'>;
+/**
+ * @deprecated Please avoid using this type as we intend to remote it in a future release. See DSP-2673 for more information.
+ */
 export declare type DrawerPrimitiveOverrides = Pick<OverridesType, 'Sidebar' | 'Content'>;
 export interface SidebarProps extends React.HTMLProps<HTMLDivElement> {
+    /**
+     * @deprecated Please avoid using this prop as we intend to remove the prop completely in a future release. See DSP-2673 for more information.
+     */
     cssFn: (defaultStyles: CSSObject) => CSSObject;
 }
 export declare type SidebarCSSProps = Omit<SidebarProps, 'cssFn'>;
 export interface ContentProps extends React.HTMLProps<HTMLDivElement> {
+    /**
+     * @deprecated Please avoid using this prop as we intend to remove the prop completely in a future release. See DSP-2673 for more information.
+     */
     cssFn: (defaultStyles: CSSObject) => CSSObject;
 }
 export declare type ContentCSSProps = Omit<ContentProps, 'cssFn'>;

package/dist/types/components/utils.d.ts

@@ -1,4 +1,7 @@
 declare type OverridesFunc<X extends Record<string, any>, Y extends Record<string, any>> = (key: string) => Record<string, any>;
 export declare type ExtenderType = <D extends Record<string, any>, O extends Record<string, any>>(d: D, o?: O) => OverridesFunc<D, O>;
+/**
+ * @deprecated Please avoid using this function as we intend to remote it in a future release. See DSP-2673 for more information.
+ */
 export declare const createExtender: ExtenderType;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/drawer",
-  "version": "7.1.0",
+  "version": "7.1.4",
   "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,25 +25,24 @@
   "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/tokens": "^0.4.0",
+    "@atlaskit/theme": "^12.1.0",
+    "@atlaskit/tokens": "^0.6.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/core": "^10.0.9",
     "exenv": "^1.2.2",
     "react-focus-lock": "^2.5.2",
     "react-transition-group": "^4.4.1",
-    "tiny-invariant": "^0.0.3"
+    "tiny-invariant": "^1.2.0"
   },
   "peerDependencies": {
     "react": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/build-utils": "*",
     "@atlaskit/button": "^16.0.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/dropdown-menu": "^11.0.0",
+    "@atlaskit/dropdown-menu": "^11.1.0",
     "@atlaskit/menu": "^1.2.0",
     "@atlaskit/section-message": "^6.0.0",
     "@atlaskit/ssr": "*",
@@ -52,7 +50,7 @@
     "@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",