@atlaskit/drawer 10.1.4 → 11.0.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/drawer
 
+## 11.0.0
+
+### Major Changes
+
+- [#159325](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/159325)
+  [`cb065192fe982`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cb065192fe982) -
+  Removes Emotion variant of the Drawer and replaces contents with styles from Compiled CSS.
+
+## 10.1.5
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 10.1.4
 
 ### Patch Changes
@@ -212,12 +226,7 @@
   Example of new compositional API:
 
   ```ts
-  import {
-  	Drawer,
-  	DrawerCloseButton,
-  	DrawerContent,
-  	DrawerSidebar,
-  } from '@atlaskit/drawer/compiled';
+  import { Drawer, DrawerCloseButton, DrawerContent, DrawerSidebar } from '@atlaskit/drawer';
   ```
 
   ```jsx

package/dist/cjs/constants.js

@@ -3,11 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.widths = exports.directions = exports.defaultFocusLockSettings = void 0;
+exports.widths = exports.directions = void 0;
 var widths = exports.widths = ['narrow', 'medium', 'wide', 'extended', 'full'];
-var directions = exports.directions = ['top', 'right', 'bottom', 'left'];
-var defaultFocusLockSettings = exports.defaultFocusLockSettings = {
-  isFocusLockEnabled: true,
-  shouldReturnFocus: true,
-  autoFocusFirstElem: true
-};
+var directions = exports.directions = ['top', 'right', 'bottom', 'left'];

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

@@ -9,7 +9,7 @@ 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 _context = require("../../context");
+var _context = require("../context");
 /**
  * __Drawer close button
  *

package/dist/cjs/{compiled/drawer-panel → drawer-panel}/drawer-content.js

@@ -14,8 +14,8 @@ var _runtime = require("@compiled/react/runtime");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _reactScrolllock = _interopRequireDefault(require("react-scrolllock"));
 var _useCallbackRef = require("use-callback-ref");
-var _context = require("../../context");
-var _usePreventProgrammaticScroll = _interopRequireDefault(require("../../hooks/use-prevent-programmatic-scroll"));
+var _context = require("../context");
+var _usePreventProgrammaticScroll = _interopRequireDefault(require("./hooks/use-prevent-programmatic-scroll"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
   default: "_16jlkb7n _1o9zkb7n _i0dlf1ug _1reo1wug _18m91wug _19pk1ejb"

package/dist/cjs/{compiled/drawer-panel → drawer-panel}/drawer-panel.js

@@ -12,7 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _motion = require("@atlaskit/motion");
-var _context = require("../../context");
+var _context = require("../context");
 var _focusLock = _interopRequireDefault(require("./focus-lock"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var LOCAL_CURRENT_SURFACE_CSS_VAR = '--ds-elevation-surface-current';

package/dist/cjs/{compiled/drawer-panel → drawer-panel}/drawer-sidebar.js

@@ -9,7 +9,7 @@ exports.DrawerSidebar = void 0;
 require("./drawer-sidebar.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
-var _context = require("../../context");
+var _context = require("../context");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
   default: "_4cvr1h6o _vchhusvi _syaz1gjq _1e0c1txw _1o9zidpf _2lx21bp4 _4t3i1kxc _n3tdpxbi _ca0q1ejb _1bsbxncg"

package/dist/cjs/{compiled/drawer.js → drawer.js}

@@ -66,7 +66,7 @@ var Drawer = exports.Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "10.1.4",
+    packageVersion: "11.0.0",
     analyticsData: {
       trigger: 'escKey'
     }
@@ -89,7 +89,7 @@ var Drawer = exports.Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "10.1.4",
+    packageVersion: "11.0.0",
     analyticsData: {
       trigger: 'blanket'
     }
@@ -101,7 +101,7 @@ var Drawer = exports.Drawer = function Drawer(_ref2) {
     action: 'dismissed',
     componentName: 'drawer',
     packageName: "@atlaskit/drawer",
-    packageVersion: "10.1.4",
+    packageVersion: "11.0.0",
     analyticsData: {
       trigger: 'backButton'
     }

package/dist/cjs/index.js

@@ -1,13 +1,39 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "Drawer", {
+  enumerable: true,
+  get: function get() {
+    return _drawer.Drawer;
+  }
+});
+Object.defineProperty(exports, "DrawerCloseButton", {
+  enumerable: true,
+  get: function get() {
+    return _drawerCloseButton.DrawerCloseButton;
+  }
+});
+Object.defineProperty(exports, "DrawerContent", {
+  enumerable: true,
+  get: function get() {
+    return _drawerContent.DrawerContent;
+  }
+});
+Object.defineProperty(exports, "DrawerSidebar", {
+  enumerable: true,
+  get: function get() {
+    return _drawerSidebar.DrawerSidebar;
+  }
+});
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
-    return _components.default;
+    return _drawer.Drawer;
   }
 });
-var _components = _interopRequireDefault(require("./components"));
+var _drawer = require("./drawer");
+var _drawerContent = require("./drawer-panel/drawer-content");
+var _drawerSidebar = require("./drawer-panel/drawer-sidebar");
+var _drawerCloseButton = require("./drawer-panel/drawer-close-button");

package/dist/es2019/constants.js

@@ -1,7 +1,2 @@
 export const widths = ['narrow', 'medium', 'wide', 'extended', 'full'];
-export const directions = ['top', 'right', 'bottom', 'left'];
-export const defaultFocusLockSettings = {
-  isFocusLockEnabled: true,
-  shouldReturnFocus: true,
-  autoFocusFirstElem: true
-};
+export const directions = ['top', 'right', 'bottom', 'left'];

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

@@ -2,7 +2,7 @@ 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 { useEnsureIsInsideDrawer, useOnClose } from '../../context';
+import { useEnsureIsInsideDrawer, useOnClose } from '../context';
 /**
  * __Drawer close button
  *

package/dist/es2019/{compiled/drawer-panel → drawer-panel}/drawer-content.js

@@ -5,8 +5,8 @@ import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef, useEffect, useRef, useState } from 'react';
 import ScrollLock from 'react-scrolllock';
 import { mergeRefs } from 'use-callback-ref';
-import { useEnsureIsInsideDrawer } from '../../context';
-import usePreventProgrammaticScroll from '../../hooks/use-prevent-programmatic-scroll';
+import { useEnsureIsInsideDrawer } from '../context';
+import usePreventProgrammaticScroll from './hooks/use-prevent-programmatic-scroll';
 const styles = {
   default: "_16jlkb7n _1o9zkb7n _i0dlf1ug _1reo1wug _18m91wug _19pk1ejb"
 };

package/dist/es2019/{compiled/drawer-panel → drawer-panel}/drawer-panel.js

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useRef } from 'react';
 import { ExitingPersistence, SlideIn } from '@atlaskit/motion';
-import { EnsureIsInsideDrawerContext, OnCloseContext } from '../../context';
+import { EnsureIsInsideDrawerContext, OnCloseContext } from '../context';
 import FocusLock from './focus-lock';
 const LOCAL_CURRENT_SURFACE_CSS_VAR = '--ds-elevation-surface-current';
 const styles = {

package/dist/es2019/{compiled/drawer-panel → drawer-panel}/drawer-sidebar.js

@@ -2,7 +2,7 @@
 import "./drawer-sidebar.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { useEnsureIsInsideDrawer } from '../../context';
+import { useEnsureIsInsideDrawer } from '../context';
 const styles = {
   default: "_4cvr1h6o _vchhusvi _syaz1gjq _1e0c1txw _1o9zidpf _2lx21bp4 _4t3i1kxc _n3tdpxbi _ca0q1ejb _1bsbxncg"
 };

package/dist/es2019/{compiled/drawer.js → drawer.js}

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

package/dist/es2019/index.js

@@ -1 +1,5 @@
-export { default } from './components';
+import { Drawer } from './drawer';
+export { DrawerContent } from './drawer-panel/drawer-content';
+export { DrawerSidebar } from './drawer-panel/drawer-sidebar';
+export { DrawerCloseButton } from './drawer-panel/drawer-close-button';
+export { Drawer, Drawer as default };

package/dist/esm/constants.js

@@ -1,7 +1,2 @@
 export var widths = ['narrow', 'medium', 'wide', 'extended', 'full'];
-export var directions = ['top', 'right', 'bottom', 'left'];
-export var defaultFocusLockSettings = {
-  isFocusLockEnabled: true,
-  shouldReturnFocus: true,
-  autoFocusFirstElem: true
-};
+export var directions = ['top', 'right', 'bottom', 'left'];

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

@@ -2,7 +2,7 @@ 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 { useEnsureIsInsideDrawer, useOnClose } from '../../context';
+import { useEnsureIsInsideDrawer, useOnClose } from '../context';
 /**
  * __Drawer close button
  *

package/dist/esm/{compiled/drawer-panel → drawer-panel}/drawer-content.js

@@ -6,8 +6,8 @@ import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef, useEffect, useRef, useState } from 'react';
 import ScrollLock from 'react-scrolllock';
 import { mergeRefs } from 'use-callback-ref';
-import { useEnsureIsInsideDrawer } from '../../context';
-import usePreventProgrammaticScroll from '../../hooks/use-prevent-programmatic-scroll';
+import { useEnsureIsInsideDrawer } from '../context';
+import usePreventProgrammaticScroll from './hooks/use-prevent-programmatic-scroll';
 var styles = {
   default: "_16jlkb7n _1o9zkb7n _i0dlf1ug _1reo1wug _18m91wug _19pk1ejb"
 };

package/dist/esm/{compiled/drawer-panel → drawer-panel}/drawer-panel.js

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useCallback, useRef } from 'react';
 import { ExitingPersistence, SlideIn } from '@atlaskit/motion';
-import { EnsureIsInsideDrawerContext, OnCloseContext } from '../../context';
+import { EnsureIsInsideDrawerContext, OnCloseContext } from '../context';
 import FocusLock from './focus-lock';
 var LOCAL_CURRENT_SURFACE_CSS_VAR = '--ds-elevation-surface-current';
 var styles = {

package/dist/esm/{compiled/drawer-panel → drawer-panel}/drawer-sidebar.js

@@ -2,7 +2,7 @@
 import "./drawer-sidebar.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { useEnsureIsInsideDrawer } from '../../context';
+import { useEnsureIsInsideDrawer } from '../context';
 var styles = {
   default: "_4cvr1h6o _vchhusvi _syaz1gjq _1e0c1txw _1o9zidpf _2lx21bp4 _4t3i1kxc _n3tdpxbi _ca0q1ejb _1bsbxncg"
 };

package/dist/esm/{compiled/drawer.js → drawer.js}

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

package/dist/esm/index.js

@@ -1 +1,5 @@
-export { default } from './components';
+import { Drawer } from './drawer';
+export { DrawerContent } from './drawer-panel/drawer-content';
+export { DrawerSidebar } from './drawer-panel/drawer-sidebar';
+export { DrawerCloseButton } from './drawer-panel/drawer-close-button';
+export { Drawer, Drawer as default };

package/dist/types/constants.d.ts

@@ -1,5 +1,4 @@
 import type { Direction } from '@atlaskit/motion';
-import type { DrawerWidth, FocusLockSettings } from './components/types';
+import type { DrawerWidth } from './types';
 export declare const widths: DrawerWidth[];
 export declare const directions: Direction[];
-export declare const defaultFocusLockSettings: FocusLockSettings;

package/dist/types/index.d.ts

@@ -1,2 +1,6 @@
-export { default } from './components';
-export type { BaseProps, CloseTrigger, ContentCSSProps, ContentProps, DefaultsType, DrawerPrimitiveDefaults, DrawerPrimitiveOverrides, DrawerPrimitiveProps, DrawerProps, DrawerWidth, FocusLockProps, OverridesType, SidebarCSSProps, SidebarProps, Widths, } from './components/types';
+import { Drawer } from './drawer';
+export { DrawerContent } from './drawer-panel/drawer-content';
+export { DrawerSidebar } from './drawer-panel/drawer-sidebar';
+export { DrawerCloseButton } from './drawer-panel/drawer-close-button';
+export { Drawer, Drawer as default };
+export type { BaseProps, CloseTrigger, DrawerContentProps, DrawerPanelProps, DrawerProps, DrawerWidth, FocusLockProps, DrawerSidebarProps, } from './types';

package/dist/types/{compiled/types.d.ts → types.d.ts}

@@ -95,7 +95,7 @@ export type DrawerProps = BaseProps & FocusLockSettings & DrawerLabel & {
      */
     zIndex?: number | 'unset';
 };
-interface FocusLockSettings {
+export interface FocusLockSettings {
     /**
      * Controls whether to focus the first tabbable element inside the focus lock. Set to `true` by default.
      */
@@ -122,4 +122,3 @@ 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/constants.d.ts

@@ -1,5 +1,4 @@
 import type { Direction } from '@atlaskit/motion';
-import type { DrawerWidth, FocusLockSettings } from './components/types';
+import type { DrawerWidth } from './types';
 export declare const widths: DrawerWidth[];
 export declare const directions: Direction[];
-export declare const defaultFocusLockSettings: FocusLockSettings;

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

@@ -1,2 +1,6 @@
-export { default } from './components';
-export type { BaseProps, CloseTrigger, ContentCSSProps, ContentProps, DefaultsType, DrawerPrimitiveDefaults, DrawerPrimitiveOverrides, DrawerPrimitiveProps, DrawerProps, DrawerWidth, FocusLockProps, OverridesType, SidebarCSSProps, SidebarProps, Widths, } from './components/types';
+import { Drawer } from './drawer';
+export { DrawerContent } from './drawer-panel/drawer-content';
+export { DrawerSidebar } from './drawer-panel/drawer-sidebar';
+export { DrawerCloseButton } from './drawer-panel/drawer-close-button';
+export { Drawer, Drawer as default };
+export type { BaseProps, CloseTrigger, DrawerContentProps, DrawerPanelProps, DrawerProps, DrawerWidth, FocusLockProps, DrawerSidebarProps, } from './types';

package/dist/types-ts4.5/{compiled/types.d.ts → types.d.ts}

@@ -95,7 +95,7 @@ export type DrawerProps = BaseProps & FocusLockSettings & DrawerLabel & {
      */
     zIndex?: number | 'unset';
 };
-interface FocusLockSettings {
+export interface FocusLockSettings {
     /**
      * Controls whether to focus the first tabbable element inside the focus lock. Set to `true` by default.
      */
@@ -122,4 +122,3 @@ 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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/drawer",
-	"version": "10.1.4",
+	"version": "11.0.0",
 	"description": "A drawer is a panel that slides in from the left side of the screen.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -26,7 +26,6 @@
 	"atlaskit:src": "src/index.tsx",
 	"af:exports": {
 		".": "./src/index.tsx",
-		"./compiled": "./src/entry-points/compiled.tsx",
 		"./constants": "./src/constants.tsx"
 	},
 	"homepage": "https://atlassian.design/components/drawer",
@@ -56,7 +55,7 @@
 		"runReact18": true
 	},
 	"dependencies": {
-		"@atlaskit/analytics-next": "^11.0.0",
+		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/blanket": "^15.0.0",
 		"@atlaskit/button": "^23.2.0",
 		"@atlaskit/css": "^0.10.0",
@@ -65,10 +64,9 @@
 		"@atlaskit/motion": "^5.1.0",
 		"@atlaskit/portal": "^5.1.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^4.9.0",
+		"@atlaskit/tokens": "^5.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.3",
-		"@emotion/react": "^11.7.1",
 		"bind-event-listener": "^3.0.0",
 		"exenv": "^1.2.2",
 		"react-focus-lock": "^2.9.5",
@@ -88,7 +86,7 @@
 		"@atlaskit/dropdown-menu": "^16.0.0",
 		"@atlaskit/ds-lib": "^4.0.0",
 		"@atlaskit/form": "^12.0.0",
-		"@atlaskit/inline-message": "^15.2.0",
+		"@atlaskit/inline-message": "^15.3.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/menu": "^8.0.0",
 		"@atlaskit/modal-dialog": "^14.2.0",
@@ -115,8 +113,7 @@
 				"spacing"
 			],
 			"styling": [
-				"static",
-				"emotion"
+				"static"
 			],
 			"deprecation": "no-deprecated-imports",
 			"ui-components": [

package/compiled/package.json

@@ -1,17 +0,0 @@
-{
-  "name": "@atlaskit/drawer/compiled",
-  "main": "../dist/cjs/entry-points/compiled.js",
-  "module": "../dist/esm/entry-points/compiled.js",
-  "module:es2019": "../dist/es2019/entry-points/compiled.js",
-  "sideEffects": [
-    "**/*.compiled.css"
-  ],
-  "types": "../dist/types/entry-points/compiled.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.4": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/compiled.d.ts"
-      ]
-    }
-  }
-}

package/dist/cjs/components/blanket.js

@@ -1,62 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
-var _blanket = _interopRequireDefault(require("@atlaskit/blanket"));
-var _motion = require("@atlaskit/motion");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var blanketStyles = (0, _react2.css)({
-  position: 'relative'
-});
-
-/**
- * A wrapper around `@atlaskit/blanket` that adds a fade in/out transition.
- */
-var Blanket = function Blanket(_ref) {
-  var isOpen = _ref.isOpen,
-    onBlanketClicked = _ref.onBlanketClicked,
-    testId = _ref.testId;
-  return (0, _react2.jsx)(_motion.ExitingPersistence, {
-    appear: true
-  }, isOpen && (0, _react2.jsx)(_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: "large"
-    /**
-     * We don't expose this on `FadeIn` but it does get passed down.
-     * TODO: figure out how we want to handle this...
-     */
-    // @ts-ignore
-    ,
-    animationTimingFunction: "ease-out"
-  }, function (_ref2) {
-    var className = _ref2.className;
-    return (
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      (0, _react2.jsx)("div", {
-        css: blanketStyles,
-        className: className
-      }, (0, _react2.jsx)(_blanket.default, {
-        isTinted: true,
-        onBlanketClicked: onBlanketClicked,
-        testId: testId && testId
-      }))
-    );
-  }));
-};
-var _default = exports.default = Blanket;