@atlaskit/drawer 9.3.3 → 9.3.5

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/drawer
 
+## 9.3.5
+
+### Patch Changes
+
+- [#105771](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/105771)
+  [`def8a1a577484`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/def8a1a577484) -
+  Update dependencies and remove unused internal exports.
+
+## 9.3.4
+
+### Patch Changes
+
+- [#104895](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/104895)
+  [`fb9f1f1a65547`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/fb9f1f1a65547) -
+  Change how the current surface CSS variable is set to support Compiled.
+
 ## 9.3.3
 
 ### Patch Changes

package/dist/cjs/compiled/blanket.js

@@ -1,4 +1,4 @@
-/* blanket.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* blanket.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* drawer-content.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* drawer-content.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1,4 +1,4 @@
-/* drawer-panel.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* drawer-panel.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -12,12 +12,12 @@ var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _motion = require("@atlaskit/motion");
-var _tokens = require("@atlaskit/tokens");
 var _constants = require("../../constants");
 var _context = require("../../context");
 var _focusLock = _interopRequireDefault(require("./focus-lock"));
 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 && {}.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; }
+var LOCAL_CURRENT_SURFACE_CSS_VAR = '--ds-elevation-surface-current';
 var styles = {
   root: "_1reo15vq _18m915vq _1e0c1txw _4t3i1kxc _kqsw1n9t _1pbybfng _bfhk1bhr _1q1l1bhr _152tze3t _1e02ze3t",
   full: "_1bsbauwl",

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

@@ -1,4 +1,4 @@
-/* drawer-sidebar.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* drawer-sidebar.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

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.3.3",
+    packageVersion: "9.3.5",
     analyticsData: {
       trigger: 'escKey'
     }
@@ -90,7 +90,7 @@ var Drawer = exports.Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "9.3.3",
+    packageVersion: "9.3.5",
     analyticsData: {
       trigger: 'blanket'
     }
@@ -102,7 +102,7 @@ var Drawer = exports.Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "9.3.3",
+    packageVersion: "9.3.5",
     analyticsData: {
       trigger: 'backButton'
     }

package/dist/cjs/components/index.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Drawer = void 0;
+exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _exenv = require("exenv");
 var _analyticsNext = require("@atlaskit/analytics-next");
@@ -39,7 +39,7 @@ var EscapeCloseManager = function EscapeCloseManager(_ref) {
  * - [Code](https://atlassian.design/components/drawer/code)
  * - [Usage](https://atlassian.design/components/drawer/usage)
  */
-var Drawer = exports.Drawer = function Drawer(_ref2) {
+var Drawer = function Drawer(_ref2) {
   var _ref2$width = _ref2.width,
     width = _ref2$width === void 0 ? 'narrow' : _ref2$width,
     isOpen = _ref2.isOpen,
@@ -72,7 +72,7 @@ var Drawer = exports.Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "9.3.3",
+    packageVersion: "9.3.5",
     analyticsData: {
       trigger: 'escKey'
     }
@@ -95,7 +95,7 @@ var Drawer = exports.Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "9.3.3",
+    packageVersion: "9.3.5",
     analyticsData: {
       trigger: 'blanket'
     }
@@ -107,7 +107,7 @@ var Drawer = exports.Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "9.3.3",
+    packageVersion: "9.3.5",
     analyticsData: {
       trigger: 'backButton'
     }

package/dist/es2019/compiled/blanket.js

@@ -1,4 +1,4 @@
-/* blanket.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* blanket.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./blanket.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

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

@@ -1,4 +1,4 @@
-/* drawer-content.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* drawer-content.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./drawer-content.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,13 +1,13 @@
-/* drawer-panel.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* drawer-panel.tsx generated by @compiled/babel-plugin v0.36.0 */
 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 { CURRENT_SURFACE_CSS_VAR } from '@atlaskit/tokens';
 import { animationTimingFunction, transitionDurationMs } from '../../constants';
 import { EnsureIsInsideDrawerContext, OnCloseContext } from '../../context';
 import FocusLock from './focus-lock';
+const LOCAL_CURRENT_SURFACE_CSS_VAR = '--ds-elevation-surface-current';
 const styles = {
   root: "_1reo15vq _18m915vq _1e0c1txw _4t3i1kxc _kqsw1n9t _1pbybfng _bfhk1bhr _1q1l1bhr _152tze3t _1e02ze3t",
   full: "_1bsbauwl",

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

@@ -1,4 +1,4 @@
-/* drawer-sidebar.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* drawer-sidebar.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./drawer-sidebar.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/compiled/drawer.js

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

package/dist/es2019/components/index.js

@@ -29,7 +29,7 @@ const EscapeCloseManager = ({
  * - [Code](https://atlassian.design/components/drawer/code)
  * - [Usage](https://atlassian.design/components/drawer/usage)
  */
-export const Drawer = ({
+const Drawer = ({
   width = 'narrow',
   isOpen,
   isFocusLockEnabled = true,
@@ -57,7 +57,7 @@ export const Drawer = ({
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "9.3.3",
+    packageVersion: "9.3.5",
     analyticsData: {
       trigger: 'escKey'
     }
@@ -78,7 +78,7 @@ export const Drawer = ({
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "9.3.3",
+    packageVersion: "9.3.5",
     analyticsData: {
       trigger: 'blanket'
     }
@@ -88,7 +88,7 @@ export const Drawer = ({
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "9.3.3",
+    packageVersion: "9.3.5",
     analyticsData: {
       trigger: 'backButton'
     }

package/dist/esm/compiled/blanket.js

@@ -1,4 +1,4 @@
-/* blanket.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* blanket.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./blanket.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

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

@@ -1,4 +1,4 @@
-/* drawer-content.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* drawer-content.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./drawer-content.compiled.css";
 import * as React from 'react';

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

@@ -1,13 +1,13 @@
-/* drawer-panel.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* drawer-panel.tsx generated by @compiled/babel-plugin v0.36.0 */
 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 { CURRENT_SURFACE_CSS_VAR } from '@atlaskit/tokens';
 import { animationTimingFunction, transitionDurationMs } from '../../constants';
 import { EnsureIsInsideDrawerContext, OnCloseContext } from '../../context';
 import FocusLock from './focus-lock';
+var LOCAL_CURRENT_SURFACE_CSS_VAR = '--ds-elevation-surface-current';
 var styles = {
   root: "_1reo15vq _18m915vq _1e0c1txw _4t3i1kxc _kqsw1n9t _1pbybfng _bfhk1bhr _1q1l1bhr _152tze3t _1e02ze3t",
   full: "_1bsbauwl",

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

@@ -1,4 +1,4 @@
-/* drawer-sidebar.tsx generated by @compiled/babel-plugin v0.35.0 */
+/* drawer-sidebar.tsx generated by @compiled/babel-plugin v0.36.0 */
 import "./drawer-sidebar.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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.3.3",
+    packageVersion: "9.3.5",
     analyticsData: {
       trigger: 'escKey'
     }
@@ -79,7 +79,7 @@ export var Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "9.3.3",
+    packageVersion: "9.3.5",
     analyticsData: {
       trigger: 'blanket'
     }
@@ -91,7 +91,7 @@ export var Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "9.3.3",
+    packageVersion: "9.3.5",
     analyticsData: {
       trigger: 'backButton'
     }

package/dist/esm/components/index.js

@@ -28,7 +28,7 @@ var EscapeCloseManager = function EscapeCloseManager(_ref) {
  * - [Code](https://atlassian.design/components/drawer/code)
  * - [Usage](https://atlassian.design/components/drawer/usage)
  */
-export var Drawer = function Drawer(_ref2) {
+var Drawer = function Drawer(_ref2) {
   var _ref2$width = _ref2.width,
     width = _ref2$width === void 0 ? 'narrow' : _ref2$width,
     isOpen = _ref2.isOpen,
@@ -61,7 +61,7 @@ export var Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "9.3.3",
+    packageVersion: "9.3.5",
     analyticsData: {
       trigger: 'escKey'
     }
@@ -84,7 +84,7 @@ export var Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "9.3.3",
+    packageVersion: "9.3.5",
     analyticsData: {
       trigger: 'blanket'
     }
@@ -96,7 +96,7 @@ export var Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "9.3.3",
+    packageVersion: "9.3.5",
     analyticsData: {
       trigger: 'backButton'
     }

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

@@ -95,7 +95,7 @@ export type DrawerProps = BaseProps & FocusLockSettings & DrawerLabel & {
      */
     zIndex?: number | 'unset';
 };
-export interface FocusLockSettings {
+interface FocusLockSettings {
     /**
      * Controls whether to focus the first tabbable element inside the focus lock. Set to `true` by default.
      */
@@ -122,3 +122,4 @@ export interface FocusLockProps extends FocusLockSettings {
  * Type of keyboard event that triggers which key will should close the drawer.
  */
 export type CloseTrigger = 'backButton' | 'blanket' | 'escKey';
+export {};

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

@@ -9,5 +9,5 @@ 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, 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) => JSX.Element | null;
 export default Drawer;

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

@@ -1,5 +1,5 @@
 type OverridesFunc<X extends Record<string, any>, Y extends Record<string, any>> = (key: string) => Record<string, any>;
-export type ExtenderType = <D extends Record<string, any>, O extends Record<string, any>>(d: D, o?: O) => OverridesFunc<D, O>;
+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.
  */

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

@@ -95,7 +95,7 @@ export type DrawerProps = BaseProps & FocusLockSettings & DrawerLabel & {
      */
     zIndex?: number | 'unset';
 };
-export interface FocusLockSettings {
+interface FocusLockSettings {
     /**
      * Controls whether to focus the first tabbable element inside the focus lock. Set to `true` by default.
      */
@@ -122,3 +122,4 @@ export interface FocusLockProps extends FocusLockSettings {
  * Type of keyboard event that triggers which key will should close the drawer.
  */
 export type CloseTrigger = 'backButton' | 'blanket' | 'escKey';
+export {};

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

@@ -9,5 +9,5 @@ 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, 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) => JSX.Element | null;
 export default Drawer;

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

@@ -1,5 +1,5 @@
 type OverridesFunc<X extends Record<string, any>, Y extends Record<string, any>> = (key: string) => Record<string, any>;
-export type ExtenderType = <D extends Record<string, any>, O extends Record<string, any>>(d: D, o?: O) => OverridesFunc<D, O>;
+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.
  */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/drawer",
-	"version": "9.3.3",
+	"version": "9.3.5",
 	"description": "A drawer is a panel that slides in from the left side of the screen.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -66,7 +66,7 @@
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/portal": "^4.10.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^3.1.0",
+		"@atlaskit/tokens": "^3.2.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.1",
 		"@emotion/react": "^11.7.1",
@@ -84,13 +84,22 @@
 		"@af/accessibility-testing": "*",
 		"@af/integration-testing": "*",
 		"@af/visual-regression": "*",
+		"@atlaskit/code": "^15.6.9",
+		"@atlaskit/docs": "*",
+		"@atlaskit/dropdown-menu": "^12.24.1",
 		"@atlaskit/ds-lib": "^3.3.0",
+		"@atlaskit/form": "^11.0.2",
+		"@atlaskit/inline-message": "^13.0.2",
+		"@atlaskit/link": "*",
+		"@atlaskit/menu": "^2.13.8",
+		"@atlaskit/modal-dialog": "^12.19.2",
+		"@atlaskit/primitives": "^13.3.8",
+		"@atlaskit/section-message": "*",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/visual-regression": "*",
 		"@testing-library/react": "^12.1.5",
 		"@testing-library/user-event": "^14.4.3",
 		"@types/exenv": "^1.2.0",
-		"lodash": "^4.17.21",
 		"react-dom": "^16.8.0",
 		"react-lorem-component": "^0.13.0",
 		"typescript": "~5.4.2"