@atlaskit/drawer 7.6.5 → 7.7.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/drawer
 
+## 7.7.0
+
+### Minor Changes
+
+- [#80011](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/80011) [`58416dfd477d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/58416dfd477d) - Add closeLabel prop to provide a custom label for the drawer's "Close" control.
+
+## 7.6.6
+
+### Patch Changes
+
+- [#69022](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/69022) [`395c74147990`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/395c74147990) - Migrate packages to use declarative entry points
+
 ## 7.6.5
 
 ### Patch Changes

package/dist/cjs/components/index.js

@@ -20,14 +20,14 @@ var _portal = _interopRequireDefault(require("@atlaskit/portal"));
 var _constants = require("../constants");
 var _blanket = _interopRequireDefault(require("./blanket"));
 var _primitives = _interopRequireDefault(require("./primitives"));
-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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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; } } /* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */
 var packageName = "@atlaskit/drawer";
-var packageVersion = "7.6.5";
+var packageVersion = "7.7.0";
 var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
 var createAndFireOnClick = function createAndFireOnClick(createAnalyticsEvent, trigger) {
   return createAndFireEventOnAtlaskit({
@@ -119,6 +119,7 @@ var DrawerBase = exports.DrawerBase = /*#__PURE__*/function (_Component) {
         isOpen = _this$props3.isOpen,
         children = _this$props3.children,
         icon = _this$props3.icon,
+        closeLabel = _this$props3.closeLabel,
         width = _this$props3.width,
         shouldUnmountOnExit = _this$props3.shouldUnmountOnExit,
         onCloseComplete = _this$props3.onCloseComplete,
@@ -140,6 +141,7 @@ var DrawerBase = exports.DrawerBase = /*#__PURE__*/function (_Component) {
       }), /*#__PURE__*/_react.default.createElement(_primitives.default, {
         testId: testId,
         icon: icon,
+        closeLabel: closeLabel,
         in: isOpen,
         onClose: this.handleBackButtonClick,
         onCloseComplete: onCloseComplete,

package/dist/cjs/components/primitives/focus-lock.js

@@ -17,12 +17,12 @@ var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
 var _reactScrolllock = _interopRequireDefault(require("react-scrolllock"));
 var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
 var _constants = require("../../constants");
-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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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 _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 // Thin wrapper over react-focus-lock. This wrapper only exists to ensure API compatibility.
 // This component should be deleted during https://ecosystem.atlassian.net/browse/AK-5658
 var FocusLock = exports.default = /*#__PURE__*/function (_Component) {

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

@@ -22,6 +22,7 @@ var _excluded = ["component"],
 /** @jsx jsx */
 // Misc.
 // ------------------------------
+
 var defaults = {
   Sidebar: _sidebar.default,
   Content: _content.default
@@ -54,6 +55,8 @@ var CustomSlideIn = function CustomSlideIn(_ref) {
 var DrawerPrimitive = function DrawerPrimitive(_ref2) {
   var children = _ref2.children,
     Icon = _ref2.icon,
+    _ref2$closeLabel = _ref2.closeLabel,
+    closeLabel = _ref2$closeLabel === void 0 ? 'Close drawer' : _ref2$closeLabel,
     onClose = _ref2.onClose,
     onCloseComplete = _ref2.onCloseComplete,
     onOpenComplete = _ref2.onOpenComplete,
@@ -106,9 +109,10 @@ var DrawerPrimitive = function DrawerPrimitive(_ref2) {
       onClick: onClose,
       testId: testId && 'DrawerPrimitiveSidebarCloseButton'
     }, Icon ? (0, _react2.jsx)(Icon, {
-      size: "large"
+      size: "large",
+      label: closeLabel
     }) : (0, _react2.jsx)(_arrowLeft.default, {
-      label: "Close drawer"
+      label: closeLabel
     }))), (0, _react2.jsx)(Content, contentOverrides, children)));
   }));
 };

package/dist/es2019/components/index.js

@@ -8,7 +8,7 @@ import { defaultFocusLockSettings } from '../constants';
 import Blanket from './blanket';
 import DrawerPrimitive from './primitives';
 const packageName = "@atlaskit/drawer";
-const packageVersion = "7.6.5";
+const packageVersion = "7.7.0";
 const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 const createAndFireOnClick = (createAnalyticsEvent, trigger) => createAndFireEventOnAtlaskit({
   action: 'dismissed',
@@ -88,6 +88,7 @@ export class DrawerBase extends Component {
       isOpen,
       children,
       icon,
+      closeLabel,
       width,
       shouldUnmountOnExit,
       onCloseComplete,
@@ -109,6 +110,7 @@ export class DrawerBase extends Component {
     }), /*#__PURE__*/React.createElement(DrawerPrimitive, {
       testId: testId,
       icon: icon,
+      closeLabel: closeLabel,
       in: isOpen,
       onClose: this.handleBackButtonClick,
       onCloseComplete: onCloseComplete,

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

@@ -49,6 +49,7 @@ const CustomSlideIn = ({
 const DrawerPrimitive = ({
   children,
   icon: Icon,
+  closeLabel = 'Close drawer',
   onClose,
   onCloseComplete,
   onOpenComplete,
@@ -104,9 +105,10 @@ const DrawerPrimitive = ({
     onClick: onClose,
     testId: testId && 'DrawerPrimitiveSidebarCloseButton'
   }, Icon ? jsx(Icon, {
-    size: "large"
+    size: "large",
+    label: closeLabel
   }) : jsx(ArrowLeft, {
-    label: "Close drawer"
+    label: closeLabel
   }))), jsx(Content, contentOverrides, children)))));
 };
 

package/dist/esm/components/index.js

@@ -8,7 +8,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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 _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */
 import React, { Component } from 'react';
 import { canUseDOM } from 'exenv';
@@ -18,7 +18,7 @@ import { defaultFocusLockSettings } from '../constants';
 import Blanket from './blanket';
 import DrawerPrimitive from './primitives';
 var packageName = "@atlaskit/drawer";
-var packageVersion = "7.6.5";
+var packageVersion = "7.7.0";
 var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 var createAndFireOnClick = function createAndFireOnClick(createAnalyticsEvent, trigger) {
   return createAndFireEventOnAtlaskit({
@@ -110,6 +110,7 @@ export var DrawerBase = /*#__PURE__*/function (_Component) {
         isOpen = _this$props3.isOpen,
         children = _this$props3.children,
         icon = _this$props3.icon,
+        closeLabel = _this$props3.closeLabel,
         width = _this$props3.width,
         shouldUnmountOnExit = _this$props3.shouldUnmountOnExit,
         onCloseComplete = _this$props3.onCloseComplete,
@@ -131,6 +132,7 @@ export var DrawerBase = /*#__PURE__*/function (_Component) {
       }), /*#__PURE__*/React.createElement(DrawerPrimitive, {
         testId: testId,
         icon: icon,
+        closeLabel: closeLabel,
         in: isOpen,
         onClose: this.handleBackButtonClick,
         onCloseComplete: onCloseComplete,

package/dist/esm/components/primitives/focus-lock.js

@@ -7,7 +7,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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 _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { Component } from 'react';
 import ReactFocusLock from 'react-focus-lock';
 import ScrollLock from 'react-scrolllock';

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

@@ -50,6 +50,8 @@ var CustomSlideIn = function CustomSlideIn(_ref) {
 var DrawerPrimitive = function DrawerPrimitive(_ref2) {
   var children = _ref2.children,
     Icon = _ref2.icon,
+    _ref2$closeLabel = _ref2.closeLabel,
+    closeLabel = _ref2$closeLabel === void 0 ? 'Close drawer' : _ref2$closeLabel,
     onClose = _ref2.onClose,
     onCloseComplete = _ref2.onCloseComplete,
     onOpenComplete = _ref2.onOpenComplete,
@@ -102,9 +104,10 @@ var DrawerPrimitive = function DrawerPrimitive(_ref2) {
       onClick: onClose,
       testId: testId && 'DrawerPrimitiveSidebarCloseButton'
     }, Icon ? jsx(Icon, {
-      size: "large"
+      size: "large",
+      label: closeLabel
     }) : jsx(ArrowLeft, {
-      label: "Close drawer"
+      label: closeLabel
     }))), jsx(Content, contentOverrides, children)));
   }));
 };

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

@@ -22,10 +22,10 @@ export declare class DrawerBase extends Component<DrawerProps, {
     handleKeyDown: (event: KeyboardEvent) => void;
     render(): JSX.Element | null;
 }
-declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Omit<DrawerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "children" | "onKeyDown" | "onClose" | "testId" | "icon" | "onOpenComplete" | "onCloseComplete" | "shouldUnmountOnExit" | "overrides" | "zIndex" | "isOpen" | keyof import("./types").DrawerLabel> & Partial<Pick<Omit<DrawerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "width" | keyof import("./types").FocusLockSettings>> & Partial<Pick<{
+declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Omit<DrawerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "children" | "onKeyDown" | "onClose" | "testId" | "icon" | "closeLabel" | "onOpenComplete" | "onCloseComplete" | "shouldUnmountOnExit" | "overrides" | "zIndex" | "isOpen" | keyof import("./types").DrawerLabel> & Partial<Pick<Omit<DrawerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "width" | keyof import("./types").FocusLockSettings>> & Partial<Pick<{
     autoFocusFirstElem?: boolean | (() => HTMLElement | null) | undefined;
     isFocusLockEnabled?: boolean | undefined;
     shouldReturnFocus?: boolean | undefined;
     width: DrawerWidth;
-}, never>> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "width" | "children" | "onKeyDown" | "key" | "onClose" | "testId" | "icon" | "onOpenComplete" | "onCloseComplete" | "shouldUnmountOnExit" | "overrides" | "zIndex" | "isOpen" | "analyticsContext" | keyof import("./types").FocusLockSettings | keyof import("./types").DrawerLabel> & React.RefAttributes<any>>;
+}, never>> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "width" | "children" | "onKeyDown" | "key" | "onClose" | "testId" | "icon" | "closeLabel" | "onOpenComplete" | "onCloseComplete" | "shouldUnmountOnExit" | "overrides" | "zIndex" | "isOpen" | "analyticsContext" | keyof import("./types").FocusLockSettings | keyof import("./types").DrawerLabel> & React.RefAttributes<any>>;
 export default _default;

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

@@ -1,5 +1,5 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { DrawerPrimitiveProps } from '../types';
-declare const DrawerPrimitive: ({ children, icon: Icon, onClose, onCloseComplete, onOpenComplete, overrides, testId, in: isOpen, shouldReturnFocus, autoFocusFirstElem, isFocusLockEnabled, width, label, titleId, }: DrawerPrimitiveProps) => jsx.JSX.Element;
+declare const DrawerPrimitive: ({ children, icon: Icon, closeLabel, onClose, onCloseComplete, onOpenComplete, overrides, testId, in: isOpen, shouldReturnFocus, autoFocusFirstElem, isFocusLockEnabled, width, label, titleId, }: DrawerPrimitiveProps) => jsx.JSX.Element;
 export default DrawerPrimitive;

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

@@ -29,9 +29,13 @@ export interface BaseProps {
      */
     children?: ReactNode;
     /**
-     * Icon to be rendered in your drawer as a component, if available.
+     * Use this to render an icon for the drawer close/back control, if it's available.
      */
     icon?: ComponentType<any>;
+    /**
+     * Provides an accessible name for the close/back control of the drawer. Default is "Close drawer".
+     */
+    closeLabel?: string;
     /**
      * Available drawer sizes.
      */

package/dist/types-ts4.5/components/index.d.ts

@@ -22,10 +22,10 @@ export declare class DrawerBase extends Component<DrawerProps, {
     handleKeyDown: (event: KeyboardEvent) => void;
     render(): JSX.Element | null;
 }
-declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Omit<DrawerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "children" | "onKeyDown" | "onClose" | "testId" | "icon" | "onOpenComplete" | "onCloseComplete" | "shouldUnmountOnExit" | "overrides" | "zIndex" | "isOpen" | keyof import("./types").DrawerLabel> & Partial<Pick<Omit<DrawerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "width" | keyof import("./types").FocusLockSettings>> & Partial<Pick<{
+declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Omit<DrawerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "children" | "onKeyDown" | "onClose" | "testId" | "icon" | "closeLabel" | "onOpenComplete" | "onCloseComplete" | "shouldUnmountOnExit" | "overrides" | "zIndex" | "isOpen" | keyof import("./types").DrawerLabel> & Partial<Pick<Omit<DrawerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "width" | keyof import("./types").FocusLockSettings>> & Partial<Pick<{
     autoFocusFirstElem?: boolean | (() => HTMLElement | null) | undefined;
     isFocusLockEnabled?: boolean | undefined;
     shouldReturnFocus?: boolean | undefined;
     width: DrawerWidth;
-}, never>> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "width" | "children" | "onKeyDown" | "key" | "onClose" | "testId" | "icon" | "onOpenComplete" | "onCloseComplete" | "shouldUnmountOnExit" | "overrides" | "zIndex" | "isOpen" | "analyticsContext" | keyof import("./types").FocusLockSettings | keyof import("./types").DrawerLabel> & React.RefAttributes<any>>;
+}, never>> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "width" | "children" | "onKeyDown" | "key" | "onClose" | "testId" | "icon" | "closeLabel" | "onOpenComplete" | "onCloseComplete" | "shouldUnmountOnExit" | "overrides" | "zIndex" | "isOpen" | "analyticsContext" | keyof import("./types").FocusLockSettings | keyof import("./types").DrawerLabel> & React.RefAttributes<any>>;
 export default _default;

package/dist/types-ts4.5/components/primitives/index.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { DrawerPrimitiveProps } from '../types';
-declare const DrawerPrimitive: ({ children, icon: Icon, onClose, onCloseComplete, onOpenComplete, overrides, testId, in: isOpen, shouldReturnFocus, autoFocusFirstElem, isFocusLockEnabled, width, label, titleId, }: DrawerPrimitiveProps) => jsx.JSX.Element;
+declare const DrawerPrimitive: ({ children, icon: Icon, closeLabel, onClose, onCloseComplete, onOpenComplete, overrides, testId, in: isOpen, shouldReturnFocus, autoFocusFirstElem, isFocusLockEnabled, width, label, titleId, }: DrawerPrimitiveProps) => jsx.JSX.Element;
 export default DrawerPrimitive;

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

@@ -29,9 +29,13 @@ export interface BaseProps {
      */
     children?: ReactNode;
     /**
-     * Icon to be rendered in your drawer as a component, if available.
+     * Use this to render an icon for the drawer close/back control, if it's available.
      */
     icon?: ComponentType<any>;
+    /**
+     * Provides an accessible name for the close/back control of the drawer. Default is "Close drawer".
+     */
+    closeLabel?: string;
     /**
      * Available drawer sizes.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/drawer",
-  "version": "7.6.5",
+  "version": "7.7.0",
   "description": "A drawer is a panel that slides in from the left side of the screen.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -22,10 +22,13 @@
   },
   "sideEffects": false,
   "atlaskit:src": "src/index.tsx",
+  "af:exports": {
+    ".": "./src/index.tsx",
+    "./constants": "./src/constants.tsx"
+  },
   "homepage": "https://atlassian.design/components/drawer",
   "atlassian": {
     "team": "Design System Team",
-    "deprecatedAutoEntryPoints": true,
     "releaseModel": "continuous",
     "productPushConsumption": [
       "jira"
@@ -36,13 +39,13 @@
     }
   },
   "dependencies": {
-    "@atlaskit/analytics-next": "^9.1.0",
+    "@atlaskit/analytics-next": "^9.2.0",
     "@atlaskit/blanket": "^13.0.0",
-    "@atlaskit/icon": "^22.0.0",
+    "@atlaskit/icon": "^22.1.0",
     "@atlaskit/motion": "^1.5.0",
     "@atlaskit/portal": "^4.4.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.28.0",
+    "@atlaskit/tokens": "^1.41.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "bind-event-listener": "^2.1.1",
@@ -62,7 +65,6 @@
     "@atlaskit/ds-lib": "^2.2.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",
     "@testing-library/react": "^12.1.5",
     "@testing-library/user-event": "^14.4.3",

package/tmp/api-report-tmp.d.ts

@@ -1,147 +0,0 @@
-## API Report File for "@atlaskit/drawer"
-
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
-
-```ts
-
-import { ComponentType } from 'react';
-import { CSSObject } from '@emotion/react';
-import { default as React_2 } from 'react';
-import { ReactElement } from 'react';
-import { ReactNode } from 'react';
-import { SyntheticEvent } from 'react';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { WithContextProps } from '@atlaskit/analytics-next';
-
-// @public (undocumented)
-export interface BaseProps {
-    children?: ReactNode;
-    icon?: ComponentType<any>;
-    onCloseComplete?: (node: HTMLElement | null) => void;
-    onOpenComplete?: (node: HTMLElement | null) => void;
-    overrides?: OverridesType;
-    // @deprecated (undocumented)
-    shouldUnmountOnExit?: boolean;
-    testId?: string;
-    width?: DrawerWidth;
-}
-
-// @public
-export type CloseTrigger = 'backButton' | 'blanket' | 'escKey';
-
-// @public (undocumented)
-export type ContentCSSProps = Omit<ContentProps, 'cssFn'>;
-
-// @public (undocumented)
-export interface ContentProps extends React.HTMLProps<HTMLDivElement> {
-    // @deprecated (undocumented)
-    cssFn: (defaultStyles: CSSObject) => CSSObject;
-}
-
-// @public (undocumented)
-const _default: React_2.ForwardRefExoticComponent<Pick<Pick<Omit<DrawerProps, keyof WithAnalyticsEventsProps>, "children" | "icon" | "isOpen" | "onClose" | "onCloseComplete" | "onKeyDown" | "onOpenComplete" | "overrides" | "shouldUnmountOnExit" | "testId" | "zIndex" | keyof DrawerLabel> & Partial<Pick<Omit<DrawerProps, keyof WithAnalyticsEventsProps>, "width" | keyof FocusLockSettings>> & Partial<Pick<{
-    autoFocusFirstElem?: (() => HTMLElement | null) | boolean | undefined;
-    isFocusLockEnabled?: boolean | undefined;
-    shouldReturnFocus?: boolean | undefined;
-    width: DrawerWidth;
-}, never>> & React_2.RefAttributes<any> & WithContextProps, "analyticsContext" | "children" | "icon" | "isOpen" | "key" | "onClose" | "onCloseComplete" | "onKeyDown" | "onOpenComplete" | "overrides" | "shouldUnmountOnExit" | "testId" | "width" | "zIndex" | keyof DrawerLabel| keyof FocusLockSettings > & React_2.RefAttributes<any>>;
-export default _default;
-
-// @public (undocumented)
-export type DefaultsType = {
-    Sidebar: {
-        component: React.ComponentType<SidebarProps>;
-        cssFn: (defaultStyles: CSSObject) => CSSObject;
-    };
-    Content: {
-        component: React.ComponentType<ContentProps>;
-        cssFn: (defaultStyles: CSSObject) => CSSObject;
-    };
-};
-
-// @public (undocumented)
-interface DrawerLabel {
-    label?: string;
-    titleId?: string;
-}
-
-// @public (undocumented)
-export type DrawerPrimitiveDefaults = Pick<DefaultsType, 'Content' | 'Sidebar'>;
-
-// @public (undocumented)
-export type DrawerPrimitiveOverrides = Pick<OverridesType, 'Content' | 'Sidebar'>;
-
-// @public (undocumented)
-export interface DrawerPrimitiveProps extends BaseProps, FocusLockSettings, DrawerLabel {
-    // (undocumented)
-    in: boolean;
-    // (undocumented)
-    onClose: (event: SyntheticEvent<HTMLElement>) => void;
-}
-
-// @public (undocumented)
-export type DrawerProps = BaseProps & FocusLockSettings & WithAnalyticsEventsProps & DrawerLabel & {
-    onKeyDown?: (event: SyntheticEvent) => void;
-    onClose?: (event: SyntheticEvent<HTMLElement>, analyticsEvent: any) => void;
-    isOpen: boolean;
-    zIndex?: number;
-};
-
-// @public (undocumented)
-export type DrawerWidth = 'extended' | 'full' | 'medium' | 'narrow' | 'wide';
-
-// @public (undocumented)
-export interface FocusLockProps extends FocusLockSettings {
-    children?: ReactElement;
-}
-
-// @public (undocumented)
-interface FocusLockSettings {
-    autoFocusFirstElem?: (() => HTMLElement | null) | boolean;
-    isFocusLockEnabled?: boolean;
-    shouldReturnFocus?: boolean;
-}
-
-// @public (undocumented)
-export type OverridesType = {
-    Sidebar?: {
-        component?: React.ComponentType<SidebarProps>;
-        cssFn?: (defaultStyles: CSSObject) => CSSObject;
-    };
-    Content?: {
-        component?: React.ComponentType<ContentProps>;
-        cssFn?: (defaultStyles: CSSObject) => CSSObject;
-    };
-};
-
-// @public (undocumented)
-export type SidebarCSSProps = Omit<SidebarProps, 'cssFn'>;
-
-// @public (undocumented)
-export interface SidebarProps extends React.HTMLProps<HTMLDivElement> {
-    // @deprecated (undocumented)
-    cssFn: (defaultStyles: CSSObject) => CSSObject;
-}
-
-// @public (undocumented)
-export type Widths = {
-    extended: {
-        width: string;
-    };
-    full: {
-        width: string;
-    };
-    medium: {
-        width: number;
-    };
-    narrow: {
-        width: number;
-    };
-    wide: {
-        width: number;
-    };
-};
-
-// (No @packageDocumentation comment for this package)
-
-```