@atlaskit/drawer 9.4.1 → 9.4.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/drawer
 
+## 9.4.3
+
+### Patch Changes
+
+- Updated dependencies
+
+## 9.4.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 9.4.1
 
 ### Patch Changes

package/dist/cjs/compiled/blanket.js

@@ -26,13 +26,10 @@ var Blanket = function Blanket(_ref) {
   return /*#__PURE__*/_react.default.createElement(_motion.ExitingPersistence, {
     appear: true
   }, isOpen && /*#__PURE__*/_react.default.createElement(_motion.FadeIn
-  /**
-   * We double the duration because the fade in keyframes have
-   * `opacity: 1` at `50%`.
-   *
+  /*
    * The fade out animation uses half the passed duration so it evens out.
    */, {
-    duration: _constants.transitionDurationMs * 2
+    duration: "large"
     /**
      * We don't expose this on `FadeIn` but it does get passed down.
      * TODO: figure out how we want to handle this...

package/dist/cjs/compiled/constants.js

@@ -3,10 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.transitionDurationMs = exports.transitionDuration = exports.animationTimingFunction = void 0;
+exports.animationTimingFunction = void 0;
 var _curves = require("@atlaskit/motion/curves");
-var transitionDuration = exports.transitionDuration = '0.22s';
-var transitionDurationMs = exports.transitionDurationMs = 220;
 var animationTimingFunction = exports.animationTimingFunction = function animationTimingFunction() {
   return _curves.easeOut;
 };

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

@@ -9,8 +9,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _new = require("@atlaskit/button/new");
 var _arrowLeft = _interopRequireDefault(require("@atlaskit/icon/core/migration/arrow-left"));
-var _arrowLeft2 = _interopRequireDefault(require("@atlaskit/icon/glyph/arrow-left"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _context = require("../../context");
 /**
  * __Drawer close button
@@ -30,13 +28,10 @@ var DrawerCloseButton = exports.DrawerCloseButton = function DrawerCloseButton(_
     testId: testId,
     icon: Icon ? function (iconProps) {
       return /*#__PURE__*/_react.default.createElement(Icon, (0, _extends2.default)({}, iconProps, {
-        size: "large"
-      }, (0, _platformFeatureFlags.fg)('platform-visual-refresh-icon-ads-migration') ? {
-        LEGACY_size: 'large'
-      } : {}));
-    } : (0, _platformFeatureFlags.fg)('platform-visual-refresh-icon-ads-migration') ? _arrowLeft.default :
-    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
-    _arrowLeft2.default,
+        size: "large",
+        LEGACY_size: "large"
+      }));
+    } : _arrowLeft.default,
     label: label,
     shape: "circle",
     appearance: "subtle"

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

@@ -34,18 +34,9 @@ var CustomSlideIn = function CustomSlideIn(_ref) {
   var children = _ref.children,
     onFinish = _ref.onFinish,
     enterFrom = _ref.enterFrom;
-  var _useExitingPersistenc = (0, _motion.useExitingPersistence)(),
-    isExiting = _useExitingPersistenc.isExiting;
-
-  /**
-   * The actual duration should be the same for both enter and exit,
-   * but motion halves the passed duration for exit animations,
-   * so we double it when exiting.
-   */
-  var duration = isExiting ? _constants.transitionDurationMs * 2 : _constants.transitionDurationMs;
   return /*#__PURE__*/React.createElement(_motion.SlideIn, {
     animationTimingFunction: _constants.animationTimingFunction,
-    duration: duration,
+    duration: "small",
     enterFrom: enterFrom,
     exitTo: enterFrom,
     fade: "none",

package/dist/cjs/compiled/drawer.js

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

package/dist/cjs/components/blanket.js

@@ -37,7 +37,7 @@ var Blanket = function Blanket(_ref) {
    *
    * The fade out animation uses half the passed duration so it evens out.
    */, {
-    duration: _constants.transitionDurationMs * 2
+    duration: "large"
     /**
      * We don't expose this on `FadeIn` but it does get passed down.
      * TODO: figure out how we want to handle this...

package/dist/cjs/components/index.js

@@ -72,7 +72,7 @@ var Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "9.4.1",
+    packageVersion: "9.4.3",
     analyticsData: {
       trigger: 'escKey'
     }
@@ -95,7 +95,7 @@ var Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "9.4.1",
+    packageVersion: "9.4.3",
     analyticsData: {
       trigger: 'blanket'
     }
@@ -107,7 +107,7 @@ var Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "9.4.1",
+    packageVersion: "9.4.3",
     analyticsData: {
       trigger: 'backButton'
     }

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

@@ -11,9 +11,7 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _new = require("@atlaskit/button/new");
 var _arrowLeft = _interopRequireDefault(require("@atlaskit/icon/core/migration/arrow-left"));
-var _arrowLeft2 = _interopRequireDefault(require("@atlaskit/icon/glyph/arrow-left"));
 var _motion = require("@atlaskit/motion");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../constants");
 var _utils = require("../utils");
 var _content = _interopRequireDefault(require("./content"));
@@ -42,18 +40,9 @@ var CustomSlideIn = function CustomSlideIn(_ref) {
   var children = _ref.children,
     onFinish = _ref.onFinish,
     enterFrom = _ref.enterFrom;
-  var _useExitingPersistenc = (0, _motion.useExitingPersistence)(),
-    isExiting = _useExitingPersistenc.isExiting;
-
-  /**
-   * The actual duration should be the same for both enter and exit,
-   * but motion halves the passed duration for exit animations,
-   * so we double it when exiting.
-   */
-  var duration = isExiting ? _constants.transitionDurationMs * 2 : _constants.transitionDurationMs;
   return (0, _react2.jsx)(_motion.SlideIn, {
     animationTimingFunction: _constants.animationTimingFunction,
-    duration: duration,
+    duration: "small",
     enterFrom: enterFrom,
     exitTo: enterFrom,
     fade: "none",
@@ -124,13 +113,10 @@ var DrawerPrimitive = function DrawerPrimitive(_ref2) {
       testId: testId && 'DrawerPrimitiveSidebarCloseButton',
       icon: Icon ? function (iconProps) {
         return (0, _react2.jsx)(Icon, (0, _extends2.default)({}, iconProps, {
-          size: "large"
-        }, (0, _platformFeatureFlags.fg)('platform-visual-refresh-icon-ads-migration') ? {
-          LEGACY_size: 'large'
-        } : {}));
-      } : (0, _platformFeatureFlags.fg)('platform-visual-refresh-icon-ads-migration') ? _arrowLeft.default :
-      // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
-      _arrowLeft2.default,
+          size: "large",
+          LEGACY_size: "large"
+        }));
+      } : _arrowLeft.default,
       label: closeLabel,
       shape: "circle",
       appearance: "subtle"

package/dist/cjs/constants.js

@@ -3,10 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.widths = exports.transitionTimingFunction = exports.transitionDurationMs = exports.transitionDuration = exports.directions = exports.defaultFocusLockSettings = exports.animationTimingFunction = void 0;
+exports.widths = exports.transitionTimingFunction = exports.directions = exports.defaultFocusLockSettings = exports.animationTimingFunction = void 0;
 var _curves = require("@atlaskit/motion/curves");
-var transitionDuration = exports.transitionDuration = '0.22s';
-var transitionDurationMs = exports.transitionDurationMs = 220;
 var transitionTimingFunction = exports.transitionTimingFunction = _curves.easeOut;
 var widths = exports.widths = ['narrow', 'medium', 'wide', 'extended', 'full'];
 var directions = exports.directions = ['top', 'right', 'bottom', 'left'];

package/dist/es2019/compiled/blanket.js

@@ -4,7 +4,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import AkBlanket from '@atlaskit/blanket';
 import { ExitingPersistence, FadeIn } from '@atlaskit/motion';
-import { animationTimingFunction, transitionDurationMs } from '../constants';
+import { animationTimingFunction } from '../constants';
 const styles = {
   blanket: "_kqswh2mm"
 };
@@ -20,13 +20,10 @@ const Blanket = ({
   return /*#__PURE__*/React.createElement(ExitingPersistence, {
     appear: true
   }, isOpen && /*#__PURE__*/React.createElement(FadeIn
-  /**
-   * We double the duration because the fade in keyframes have
-   * `opacity: 1` at `50%`.
-   *
+  /*
    * The fade out animation uses half the passed duration so it evens out.
    */, {
-    duration: transitionDurationMs * 2
+    duration: "large"
     /**
      * We don't expose this on `FadeIn` but it does get passed down.
      * TODO: figure out how we want to handle this...

package/dist/es2019/compiled/constants.js

@@ -1,4 +1,2 @@
 import { easeOut } from '@atlaskit/motion/curves';
-export const transitionDuration = '0.22s';
-export const transitionDurationMs = 220;
 export const animationTimingFunction = () => easeOut;

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

@@ -2,8 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { IconButton } from '@atlaskit/button/new';
 import ArrowLeft from '@atlaskit/icon/core/migration/arrow-left';
-import ArrowLeftOld from '@atlaskit/icon/glyph/arrow-left';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useEnsureIsInsideDrawer, useOnClose } from '../../context';
 /**
  * __Drawer close button
@@ -21,12 +19,9 @@ export const DrawerCloseButton = ({
     onClick: onClose,
     testId: testId,
     icon: Icon ? iconProps => /*#__PURE__*/React.createElement(Icon, _extends({}, iconProps, {
-      size: "large"
-    }, fg('platform-visual-refresh-icon-ads-migration') ? {
-      LEGACY_size: 'large'
-    } : {})) : fg('platform-visual-refresh-icon-ads-migration') ? ArrowLeft :
-    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
-    ArrowLeftOld,
+      size: "large",
+      LEGACY_size: "large"
+    })) : ArrowLeft,
     label: label,
     shape: "circle",
     appearance: "subtle"

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

@@ -3,8 +3,8 @@ import "./drawer-panel.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useRef } from 'react';
-import { ExitingPersistence, SlideIn, useExitingPersistence } from '@atlaskit/motion';
-import { animationTimingFunction, transitionDurationMs } from '../../constants';
+import { ExitingPersistence, SlideIn } from '@atlaskit/motion';
+import { animationTimingFunction } from '../../constants';
 import { EnsureIsInsideDrawerContext, OnCloseContext } from '../../context';
 import FocusLock from './focus-lock';
 const LOCAL_CURRENT_SURFACE_CSS_VAR = '--ds-elevation-surface-current';
@@ -25,19 +25,9 @@ const CustomSlideIn = ({
   onFinish,
   enterFrom
 }) => {
-  const {
-    isExiting
-  } = useExitingPersistence();
-
-  /**
-   * The actual duration should be the same for both enter and exit,
-   * but motion halves the passed duration for exit animations,
-   * so we double it when exiting.
-   */
-  const duration = isExiting ? transitionDurationMs * 2 : transitionDurationMs;
   return /*#__PURE__*/React.createElement(SlideIn, {
     animationTimingFunction: animationTimingFunction,
-    duration: duration,
+    duration: "small",
     enterFrom: enterFrom,
     exitTo: enterFrom,
     fade: "none",

package/dist/es2019/compiled/drawer.js

@@ -51,7 +51,7 @@ export const Drawer = ({
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "9.4.1",
+    packageVersion: "9.4.3",
     analyticsData: {
       trigger: 'escKey'
     }
@@ -72,7 +72,7 @@ export const Drawer = ({
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "9.4.1",
+    packageVersion: "9.4.3",
     analyticsData: {
       trigger: 'blanket'
     }
@@ -82,7 +82,7 @@ export const Drawer = ({
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "9.4.1",
+    packageVersion: "9.4.3",
     analyticsData: {
       trigger: 'backButton'
     }

package/dist/es2019/components/blanket.js

@@ -8,7 +8,7 @@ import React from 'react';
 import { css, jsx } from '@emotion/react';
 import AkBlanket from '@atlaskit/blanket';
 import { ExitingPersistence, FadeIn } from '@atlaskit/motion';
-import { animationTimingFunction, transitionDurationMs } from '../constants';
+import { animationTimingFunction } from '../constants';
 const blanketStyles = css({
   position: 'relative'
 });
@@ -30,7 +30,7 @@ const Blanket = ({
    *
    * The fade out animation uses half the passed duration so it evens out.
    */, {
-    duration: transitionDurationMs * 2
+    duration: "large"
     /**
      * We don't expose this on `FadeIn` but it does get passed down.
      * TODO: figure out how we want to handle this...

package/dist/es2019/components/index.js

@@ -57,7 +57,7 @@ const Drawer = ({
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "9.4.1",
+    packageVersion: "9.4.3",
     analyticsData: {
       trigger: 'escKey'
     }
@@ -78,7 +78,7 @@ const Drawer = ({
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "9.4.1",
+    packageVersion: "9.4.3",
     analyticsData: {
       trigger: 'blanket'
     }
@@ -88,7 +88,7 @@ const Drawer = ({
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "9.4.1",
+    packageVersion: "9.4.3",
     analyticsData: {
       trigger: 'backButton'
     }

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

@@ -10,10 +10,8 @@ import { useCallback, useRef } from 'react';
 import { jsx } from '@emotion/react';
 import { IconButton } from '@atlaskit/button/new';
 import ArrowLeft from '@atlaskit/icon/core/migration/arrow-left';
-import ArrowLeftOld from '@atlaskit/icon/glyph/arrow-left';
-import { ExitingPersistence, SlideIn, useExitingPersistence } from '@atlaskit/motion';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { animationTimingFunction, transitionDurationMs } from '../../constants';
+import { ExitingPersistence, SlideIn } from '@atlaskit/motion';
+import { animationTimingFunction } from '../../constants';
 import { createExtender } from '../utils';
 import ContentOverrides from './content';
 import DrawerWrapper from './drawer-wrapper';
@@ -36,19 +34,9 @@ const CustomSlideIn = ({
   onFinish,
   enterFrom
 }) => {
-  const {
-    isExiting
-  } = useExitingPersistence();
-
-  /**
-   * The actual duration should be the same for both enter and exit,
-   * but motion halves the passed duration for exit animations,
-   * so we double it when exiting.
-   */
-  const duration = isExiting ? transitionDurationMs * 2 : transitionDurationMs;
   return jsx(SlideIn, {
     animationTimingFunction: animationTimingFunction,
-    duration: duration,
+    duration: "small",
     enterFrom: enterFrom,
     exitTo: enterFrom,
     fade: "none",
@@ -119,12 +107,9 @@ const DrawerPrimitive = ({
     onClick: onClose,
     testId: testId && 'DrawerPrimitiveSidebarCloseButton',
     icon: Icon ? iconProps => jsx(Icon, _extends({}, iconProps, {
-      size: "large"
-    }, fg('platform-visual-refresh-icon-ads-migration') ? {
-      LEGACY_size: 'large'
-    } : {})) : fg('platform-visual-refresh-icon-ads-migration') ? ArrowLeft :
-    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
-    ArrowLeftOld,
+      size: "large",
+      LEGACY_size: "large"
+    })) : ArrowLeft,
     label: closeLabel,
     shape: "circle",
     appearance: "subtle"

package/dist/es2019/constants.js

@@ -1,6 +1,4 @@
 import { easeOut } from '@atlaskit/motion/curves';
-export const transitionDuration = '0.22s';
-export const transitionDurationMs = 220;
 export const transitionTimingFunction = easeOut;
 export const widths = ['narrow', 'medium', 'wide', 'extended', 'full'];
 export const directions = ['top', 'right', 'bottom', 'left'];

package/dist/esm/compiled/blanket.js

@@ -4,7 +4,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import AkBlanket from '@atlaskit/blanket';
 import { ExitingPersistence, FadeIn } from '@atlaskit/motion';
-import { animationTimingFunction, transitionDurationMs } from '../constants';
+import { animationTimingFunction } from '../constants';
 var styles = {
   blanket: "_kqswh2mm"
 };
@@ -19,13 +19,10 @@ var Blanket = function Blanket(_ref) {
   return /*#__PURE__*/React.createElement(ExitingPersistence, {
     appear: true
   }, isOpen && /*#__PURE__*/React.createElement(FadeIn
-  /**
-   * We double the duration because the fade in keyframes have
-   * `opacity: 1` at `50%`.
-   *
+  /*
    * The fade out animation uses half the passed duration so it evens out.
    */, {
-    duration: transitionDurationMs * 2
+    duration: "large"
     /**
      * We don't expose this on `FadeIn` but it does get passed down.
      * TODO: figure out how we want to handle this...

package/dist/esm/compiled/constants.js

@@ -1,6 +1,4 @@
 import { easeOut } from '@atlaskit/motion/curves';
-export var transitionDuration = '0.22s';
-export var transitionDurationMs = 220;
 export var animationTimingFunction = function animationTimingFunction() {
   return easeOut;
 };

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

@@ -2,8 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { IconButton } from '@atlaskit/button/new';
 import ArrowLeft from '@atlaskit/icon/core/migration/arrow-left';
-import ArrowLeftOld from '@atlaskit/icon/glyph/arrow-left';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useEnsureIsInsideDrawer, useOnClose } from '../../context';
 /**
  * __Drawer close button
@@ -23,13 +21,10 @@ export var DrawerCloseButton = function DrawerCloseButton(_ref) {
     testId: testId,
     icon: Icon ? function (iconProps) {
       return /*#__PURE__*/React.createElement(Icon, _extends({}, iconProps, {
-        size: "large"
-      }, fg('platform-visual-refresh-icon-ads-migration') ? {
-        LEGACY_size: 'large'
-      } : {}));
-    } : fg('platform-visual-refresh-icon-ads-migration') ? ArrowLeft :
-    // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
-    ArrowLeftOld,
+        size: "large",
+        LEGACY_size: "large"
+      }));
+    } : ArrowLeft,
     label: label,
     shape: "circle",
     appearance: "subtle"

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

@@ -3,8 +3,8 @@ import "./drawer-panel.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useRef } from 'react';
-import { ExitingPersistence, SlideIn, useExitingPersistence } from '@atlaskit/motion';
-import { animationTimingFunction, transitionDurationMs } from '../../constants';
+import { ExitingPersistence, SlideIn } from '@atlaskit/motion';
+import { animationTimingFunction } from '../../constants';
 import { EnsureIsInsideDrawerContext, OnCloseContext } from '../../context';
 import FocusLock from './focus-lock';
 var LOCAL_CURRENT_SURFACE_CSS_VAR = '--ds-elevation-surface-current';
@@ -24,18 +24,9 @@ var CustomSlideIn = function CustomSlideIn(_ref) {
   var children = _ref.children,
     onFinish = _ref.onFinish,
     enterFrom = _ref.enterFrom;
-  var _useExitingPersistenc = useExitingPersistence(),
-    isExiting = _useExitingPersistenc.isExiting;
-
-  /**
-   * The actual duration should be the same for both enter and exit,
-   * but motion halves the passed duration for exit animations,
-   * so we double it when exiting.
-   */
-  var duration = isExiting ? transitionDurationMs * 2 : transitionDurationMs;
   return /*#__PURE__*/React.createElement(SlideIn, {
     animationTimingFunction: animationTimingFunction,
-    duration: duration,
+    duration: "small",
     enterFrom: enterFrom,
     exitTo: enterFrom,
     fade: "none",

package/dist/esm/compiled/drawer.js

@@ -56,7 +56,7 @@ export var Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "9.4.1",
+    packageVersion: "9.4.3",
     analyticsData: {
       trigger: 'escKey'
     }
@@ -79,7 +79,7 @@ export var Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "9.4.1",
+    packageVersion: "9.4.3",
     analyticsData: {
       trigger: 'blanket'
     }
@@ -91,7 +91,7 @@ export var Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "9.4.1",
+    packageVersion: "9.4.3",
     analyticsData: {
       trigger: 'backButton'
     }

package/dist/esm/components/blanket.js

@@ -8,7 +8,7 @@ import React from 'react';
 import { css, jsx } from '@emotion/react';
 import AkBlanket from '@atlaskit/blanket';
 import { ExitingPersistence, FadeIn } from '@atlaskit/motion';
-import { animationTimingFunction, transitionDurationMs } from '../constants';
+import { animationTimingFunction } from '../constants';
 var blanketStyles = css({
   position: 'relative'
 });
@@ -29,7 +29,7 @@ var Blanket = function Blanket(_ref) {
    *
    * The fade out animation uses half the passed duration so it evens out.
    */, {
-    duration: transitionDurationMs * 2
+    duration: "large"
     /**
      * We don't expose this on `FadeIn` but it does get passed down.
      * TODO: figure out how we want to handle this...

package/dist/esm/components/index.js

@@ -61,7 +61,7 @@ var Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "9.4.1",
+    packageVersion: "9.4.3",
     analyticsData: {
       trigger: 'escKey'
     }
@@ -84,7 +84,7 @@ var Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "9.4.1",
+    packageVersion: "9.4.3",
     analyticsData: {
       trigger: 'blanket'
     }
@@ -96,7 +96,7 @@ var Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "9.4.1",
+    packageVersion: "9.4.3",
     analyticsData: {
       trigger: 'backButton'
     }

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

@@ -13,10 +13,8 @@ import { useCallback, useRef } from 'react';
 import { jsx } from '@emotion/react';
 import { IconButton } from '@atlaskit/button/new';
 import ArrowLeft from '@atlaskit/icon/core/migration/arrow-left';
-import ArrowLeftOld from '@atlaskit/icon/glyph/arrow-left';
-import { ExitingPersistence, SlideIn, useExitingPersistence } from '@atlaskit/motion';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { animationTimingFunction, transitionDurationMs } from '../../constants';
+import { ExitingPersistence, SlideIn } from '@atlaskit/motion';
+import { animationTimingFunction } from '../../constants';
 import { createExtender } from '../utils';
 import ContentOverrides from './content';
 import DrawerWrapper from './drawer-wrapper';
@@ -38,18 +36,9 @@ var CustomSlideIn = function CustomSlideIn(_ref) {
   var children = _ref.children,
     onFinish = _ref.onFinish,
     enterFrom = _ref.enterFrom;
-  var _useExitingPersistenc = useExitingPersistence(),
-    isExiting = _useExitingPersistenc.isExiting;
-
-  /**
-   * The actual duration should be the same for both enter and exit,
-   * but motion halves the passed duration for exit animations,
-   * so we double it when exiting.
-   */
-  var duration = isExiting ? transitionDurationMs * 2 : transitionDurationMs;
   return jsx(SlideIn, {
     animationTimingFunction: animationTimingFunction,
-    duration: duration,
+    duration: "small",
     enterFrom: enterFrom,
     exitTo: enterFrom,
     fade: "none",
@@ -120,13 +109,10 @@ var DrawerPrimitive = function DrawerPrimitive(_ref2) {
       testId: testId && 'DrawerPrimitiveSidebarCloseButton',
       icon: Icon ? function (iconProps) {
         return jsx(Icon, _extends({}, iconProps, {
-          size: "large"
-        }, fg('platform-visual-refresh-icon-ads-migration') ? {
-          LEGACY_size: 'large'
-        } : {}));
-      } : fg('platform-visual-refresh-icon-ads-migration') ? ArrowLeft :
-      // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons
-      ArrowLeftOld,
+          size: "large",
+          LEGACY_size: "large"
+        }));
+      } : ArrowLeft,
       label: closeLabel,
       shape: "circle",
       appearance: "subtle"

package/dist/esm/constants.js

@@ -1,6 +1,4 @@
 import { easeOut } from '@atlaskit/motion/curves';
-export var transitionDuration = '0.22s';
-export var transitionDurationMs = 220;
 export var transitionTimingFunction = easeOut;
 export var widths = ['narrow', 'medium', 'wide', 'extended', 'full'];
 export var directions = ['top', 'right', 'bottom', 'left'];

package/dist/types/compiled/constants.d.ts

@@ -1,3 +1 @@
-export declare const transitionDuration = "0.22s";
-export declare const transitionDurationMs = 220;
 export declare const animationTimingFunction: () => import("@atlaskit/motion/curves").AnimationCurve;

package/dist/types/compiled/drawer-panel/drawer-close-button.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { type DrawerCloseButtonProps } from '../types';
 /**
  * __Drawer close button
  *
  * A button that closes the drawer.
  */
-export declare const DrawerCloseButton: ({ icon: Icon, label, testId, }: DrawerCloseButtonProps) => JSX.Element;
+export declare const DrawerCloseButton: ({ icon: Icon, label, testId, }: DrawerCloseButtonProps) => React.JSX.Element;

package/dist/types/compiled/drawer-panel/focus-lock.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { type FocusLockProps } from '../types';
 /**
  * __Focus lock__
  *
  * Thin wrapper around react-focus-lock.
  */
-declare const FocusLock: ({ isFocusLockEnabled, autoFocusFirstElem, shouldReturnFocus, children, }: FocusLockProps) => JSX.Element;
+declare const FocusLock: ({ isFocusLockEnabled, autoFocusFirstElem, shouldReturnFocus, children, }: FocusLockProps) => React.JSX.Element;
 export default FocusLock;

package/dist/types/compiled/drawer.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { DrawerProps } from './types';
 /**
  * __Drawer__
@@ -9,4 +9,4 @@ import type { DrawerProps } from './types';
  * - [Code](https://atlassian.design/components/drawer/code)
  * - [Usage](https://atlassian.design/components/drawer/usage)
  */
-export declare const Drawer: ({ width, isOpen, isFocusLockEnabled, shouldReturnFocus, autoFocusFirstElem, onKeyDown, testId, children, onClose, onCloseComplete, onOpenComplete, zIndex, label, titleId, enterFrom, }: DrawerProps) => JSX.Element | null;
+export declare const Drawer: ({ width, isOpen, isFocusLockEnabled, shouldReturnFocus, autoFocusFirstElem, onKeyDown, testId, children, onClose, onCloseComplete, onOpenComplete, zIndex, label, titleId, enterFrom, }: DrawerProps) => React.JSX.Element | null;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type DrawerProps } from './types';
 /**
  * __Drawer__
@@ -9,5 +9,5 @@ import { type DrawerProps } from './types';
  * - [Code](https://atlassian.design/components/drawer/code)
  * - [Usage](https://atlassian.design/components/drawer/usage)
  */
-declare const Drawer: ({ width, isOpen, isFocusLockEnabled, shouldReturnFocus, autoFocusFirstElem, onKeyDown, onClose, testId, children, icon, closeLabel, scrollContentLabel, onCloseComplete, onOpenComplete, overrides, zIndex, label, titleId, enterFrom, }: DrawerProps) => JSX.Element | null;
+declare const Drawer: ({ width, isOpen, isFocusLockEnabled, shouldReturnFocus, autoFocusFirstElem, onKeyDown, onClose, testId, children, icon, closeLabel, scrollContentLabel, onCloseComplete, onOpenComplete, overrides, zIndex, label, titleId, enterFrom, }: DrawerProps) => React.JSX.Element | null;
 export default Drawer;

package/dist/types/components/primitives/focus-lock.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type FocusLockProps } from '../types';
 /**
  * __Focus lock__
@@ -6,5 +6,5 @@ import { type FocusLockProps } from '../types';
  * 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
  */
-declare const FocusLock: ({ isFocusLockEnabled, autoFocusFirstElem, shouldReturnFocus, children, }: FocusLockProps) => JSX.Element;
+declare const FocusLock: ({ isFocusLockEnabled, autoFocusFirstElem, shouldReturnFocus, children, }: FocusLockProps) => React.JSX.Element;
 export default FocusLock;

package/dist/types/constants.d.ts

@@ -1,7 +1,5 @@
 import type { Direction } from '@atlaskit/motion';
 import type { DrawerWidth, FocusLockSettings } from './components/types';
-export declare const transitionDuration = "0.22s";
-export declare const transitionDurationMs = 220;
 export declare const transitionTimingFunction: import("@atlaskit/motion/curves").AnimationCurve;
 export declare const widths: DrawerWidth[];
 export declare const directions: Direction[];

package/dist/types-ts4.5/compiled/constants.d.ts

@@ -1,3 +1 @@
-export declare const transitionDuration = "0.22s";
-export declare const transitionDurationMs = 220;
 export declare const animationTimingFunction: () => import("@atlaskit/motion/curves").AnimationCurve;

package/dist/types-ts4.5/compiled/drawer-panel/drawer-close-button.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { type DrawerCloseButtonProps } from '../types';
 /**
  * __Drawer close button
  *
  * A button that closes the drawer.
  */
-export declare const DrawerCloseButton: ({ icon: Icon, label, testId, }: DrawerCloseButtonProps) => JSX.Element;
+export declare const DrawerCloseButton: ({ icon: Icon, label, testId, }: DrawerCloseButtonProps) => React.JSX.Element;

package/dist/types-ts4.5/compiled/drawer-panel/focus-lock.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { type FocusLockProps } from '../types';
 /**
  * __Focus lock__
  *
  * Thin wrapper around react-focus-lock.
  */
-declare const FocusLock: ({ isFocusLockEnabled, autoFocusFirstElem, shouldReturnFocus, children, }: FocusLockProps) => JSX.Element;
+declare const FocusLock: ({ isFocusLockEnabled, autoFocusFirstElem, shouldReturnFocus, children, }: FocusLockProps) => React.JSX.Element;
 export default FocusLock;

package/dist/types-ts4.5/compiled/drawer.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { DrawerProps } from './types';
 /**
  * __Drawer__
@@ -9,4 +9,4 @@ import type { DrawerProps } from './types';
  * - [Code](https://atlassian.design/components/drawer/code)
  * - [Usage](https://atlassian.design/components/drawer/usage)
  */
-export declare const Drawer: ({ width, isOpen, isFocusLockEnabled, shouldReturnFocus, autoFocusFirstElem, onKeyDown, testId, children, onClose, onCloseComplete, onOpenComplete, zIndex, label, titleId, enterFrom, }: DrawerProps) => JSX.Element | null;
+export declare const Drawer: ({ width, isOpen, isFocusLockEnabled, shouldReturnFocus, autoFocusFirstElem, onKeyDown, testId, children, onClose, onCloseComplete, onOpenComplete, zIndex, label, titleId, enterFrom, }: DrawerProps) => React.JSX.Element | null;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type DrawerProps } from './types';
 /**
  * __Drawer__
@@ -9,5 +9,5 @@ import { type DrawerProps } from './types';
  * - [Code](https://atlassian.design/components/drawer/code)
  * - [Usage](https://atlassian.design/components/drawer/usage)
  */
-declare const Drawer: ({ width, isOpen, isFocusLockEnabled, shouldReturnFocus, autoFocusFirstElem, onKeyDown, onClose, testId, children, icon, closeLabel, scrollContentLabel, onCloseComplete, onOpenComplete, overrides, zIndex, label, titleId, enterFrom, }: DrawerProps) => JSX.Element | null;
+declare const Drawer: ({ width, isOpen, isFocusLockEnabled, shouldReturnFocus, autoFocusFirstElem, onKeyDown, onClose, testId, children, icon, closeLabel, scrollContentLabel, onCloseComplete, onOpenComplete, overrides, zIndex, label, titleId, enterFrom, }: DrawerProps) => React.JSX.Element | null;
 export default Drawer;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type FocusLockProps } from '../types';
 /**
  * __Focus lock__
@@ -6,5 +6,5 @@ import { type FocusLockProps } from '../types';
  * 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
  */
-declare const FocusLock: ({ isFocusLockEnabled, autoFocusFirstElem, shouldReturnFocus, children, }: FocusLockProps) => JSX.Element;
+declare const FocusLock: ({ isFocusLockEnabled, autoFocusFirstElem, shouldReturnFocus, children, }: FocusLockProps) => React.JSX.Element;
 export default FocusLock;

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

@@ -1,7 +1,5 @@
 import type { Direction } from '@atlaskit/motion';
 import type { DrawerWidth, FocusLockSettings } from './components/types';
-export declare const transitionDuration = "0.22s";
-export declare const transitionDurationMs = 220;
 export declare const transitionTimingFunction: import("@atlaskit/motion/curves").AnimationCurve;
 export declare const widths: DrawerWidth[];
 export declare const directions: Direction[];

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/drawer",
-	"version": "9.4.1",
+	"version": "9.4.3",
 	"description": "A drawer is a panel that slides in from the left side of the screen.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -58,14 +58,14 @@
 	"dependencies": {
 		"@atlaskit/analytics-next": "^10.3.0",
 		"@atlaskit/blanket": "^14.1.0",
-		"@atlaskit/button": "^20.4.0",
+		"@atlaskit/button": "^20.5.0",
 		"@atlaskit/css": "^0.8.0",
-		"@atlaskit/icon": "^23.6.0",
+		"@atlaskit/icon": "^23.8.0",
 		"@atlaskit/layering": "^1.1.0",
-		"@atlaskit/motion": "^1.10.0",
+		"@atlaskit/motion": "^2.0.0",
 		"@atlaskit/platform-feature-flags": "^1.0.0",
 		"@atlaskit/portal": "^4.11.0",
-		"@atlaskit/theme": "^14.1.0",
+		"@atlaskit/theme": "^15.0.0",
 		"@atlaskit/tokens": "^3.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.1",
@@ -93,10 +93,9 @@
 		"@atlaskit/link": "*",
 		"@atlaskit/menu": "^2.14.0",
 		"@atlaskit/modal-dialog": "^12.20.0",
-		"@atlaskit/primitives": "^13.4.0",
+		"@atlaskit/primitives": "^13.5.0",
 		"@atlaskit/section-message": "*",
 		"@atlaskit/ssr": "*",
-		"@atlaskit/visual-regression": "*",
 		"@testing-library/react": "^13.4.0",
 		"@testing-library/user-event": "^14.4.3",
 		"@types/exenv": "^1.2.0",
@@ -104,11 +103,6 @@
 		"react-lorem-component": "^0.13.0",
 		"typescript": "~5.4.2"
 	},
-	"platform-feature-flags": {
-		"platform-visual-refresh-icon-ads-migration": {
-			"type": "boolean"
-		}
-	},
 	"techstack": {
 		"@atlassian/frontend": {
 			"import-structure": "atlassian-conventions"