@atlaskit/drawer 7.4.10 → 7.4.11

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/drawer
 
+## 7.4.11
+
+### Patch Changes
+
+- [`74c1b81a476`](https://bitbucket.org/atlassian/atlassian-frontend/commits/74c1b81a476) - Replaces use of `gridSize` with space tokens. There is no expected visual change.
+
 ## 7.4.10
 
 ### Patch Changes

package/dist/cjs/components/index.js

@@ -27,7 +27,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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; } }
 var packageName = "@atlaskit/drawer";
-var packageVersion = "7.4.10";
+var packageVersion = "7.4.11";
 var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
 var createAndFireOnClick = function createAndFireOnClick(createAnalyticsEvent, trigger) {
   return createAndFireEventOnAtlaskit({

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

@@ -8,12 +8,11 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = require("@emotion/react");
-var _constants = require("@atlaskit/theme/constants");
 var _excluded = ["cssFn"];
 var defaultStyles = {
   flex: 1,
   overflow: 'auto',
-  marginTop: 3 * (0, _constants.gridSize)()
+  marginTop: "var(--ds-space-300, 24px)"
 };
 var contentCSS = function contentCSS() {
   return defaultStyles;

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

@@ -9,7 +9,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
-var _constants = require("@atlaskit/theme/constants");
 var _excluded = ["cssFn"];
 var defaultStyle = {
   alignItems: 'center',
@@ -19,9 +18,9 @@ var defaultStyle = {
   flexShrink: 0,
   flexDirection: 'column',
   height: '100vh',
-  paddingBottom: 2 * (0, _constants.gridSize)(),
-  paddingTop: 3 * (0, _constants.gridSize)(),
-  width: 8 * (0, _constants.gridSize)()
+  paddingBottom: "var(--ds-space-200, 16px)",
+  paddingTop: "var(--ds-space-300, 24px)",
+  width: "var(--ds-space-800, 64px)"
 };
 var sidebarCSS = function sidebarCSS() {
   return defaultStyle;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/drawer",
-	"version": "7.4.10",
+	"version": "7.4.11",
 	"sideEffects": false
 }

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.4.10";
+const packageVersion = "7.4.11";
 const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 const createAndFireOnClick = (createAnalyticsEvent, trigger) => createAndFireEventOnAtlaskit({
   action: 'dismissed',

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

@@ -2,11 +2,10 @@ import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 
 import { css, jsx } from '@emotion/react';
-import { gridSize } from '@atlaskit/theme/constants';
 const defaultStyles = {
   flex: 1,
   overflow: 'auto',
-  marginTop: 3 * gridSize()
+  marginTop: "var(--ds-space-300, 24px)"
 };
 const contentCSS = () => defaultStyles;
 const Content = ({

package/dist/es2019/components/primitives/drawer-wrapper.js

@@ -4,6 +4,7 @@ import { forwardRef, useCallback } from 'react';
 import { jsx } from '@emotion/react';
 import { useMergeRefs } from 'use-callback-ref';
 import Box from '@atlaskit/ds-explorations/box';
+// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import { gridSize } from '@atlaskit/theme/constants';
 import usePreventProgrammaticScroll from './hooks/use-prevent-programmatic-scroll';
 export const wrapperWidth = {

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

@@ -3,7 +3,6 @@ import _extends from "@babel/runtime/helpers/extends";
 
 import { css, jsx } from '@emotion/react';
 import { N500 } from '@atlaskit/theme/colors';
-import { gridSize } from '@atlaskit/theme/constants';
 const defaultStyle = {
   alignItems: 'center',
   boxSizing: 'border-box',
@@ -12,9 +11,9 @@ const defaultStyle = {
   flexShrink: 0,
   flexDirection: 'column',
   height: '100vh',
-  paddingBottom: 2 * gridSize(),
-  paddingTop: 3 * gridSize(),
-  width: 8 * gridSize()
+  paddingBottom: "var(--ds-space-200, 16px)",
+  paddingTop: "var(--ds-space-300, 24px)",
+  width: "var(--ds-space-800, 64px)"
 };
 const sidebarCSS = () => defaultStyle;
 const Sidebar = ({

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/drawer",
-	"version": "7.4.10",
+	"version": "7.4.11",
 	"sideEffects": false
 }

package/dist/esm/components/index.js

@@ -18,7 +18,7 @@ import { defaultFocusLockSettings } from '../constants';
 import Blanket from './blanket';
 import DrawerPrimitive from './primitives';
 var packageName = "@atlaskit/drawer";
-var packageVersion = "7.4.10";
+var packageVersion = "7.4.11";
 var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 var createAndFireOnClick = function createAndFireOnClick(createAnalyticsEvent, trigger) {
   return createAndFireEventOnAtlaskit({

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

@@ -4,11 +4,10 @@ var _excluded = ["cssFn"];
 /** @jsx jsx */
 
 import { css, jsx } from '@emotion/react';
-import { gridSize } from '@atlaskit/theme/constants';
 var defaultStyles = {
   flex: 1,
   overflow: 'auto',
-  marginTop: 3 * gridSize()
+  marginTop: "var(--ds-space-300, 24px)"
 };
 var contentCSS = function contentCSS() {
   return defaultStyles;

package/dist/esm/components/primitives/drawer-wrapper.js

@@ -7,6 +7,7 @@ import { forwardRef, useCallback } from 'react';
 import { jsx } from '@emotion/react';
 import { useMergeRefs } from 'use-callback-ref';
 import Box from '@atlaskit/ds-explorations/box';
+// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import { gridSize } from '@atlaskit/theme/constants';
 import usePreventProgrammaticScroll from './hooks/use-prevent-programmatic-scroll';
 export var wrapperWidth = {

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

@@ -5,7 +5,6 @@ var _excluded = ["cssFn"];
 
 import { css, jsx } from '@emotion/react';
 import { N500 } from '@atlaskit/theme/colors';
-import { gridSize } from '@atlaskit/theme/constants';
 var defaultStyle = {
   alignItems: 'center',
   boxSizing: 'border-box',
@@ -14,9 +13,9 @@ var defaultStyle = {
   flexShrink: 0,
   flexDirection: 'column',
   height: '100vh',
-  paddingBottom: 2 * gridSize(),
-  paddingTop: 3 * gridSize(),
-  width: 8 * gridSize()
+  paddingBottom: "var(--ds-space-200, 16px)",
+  paddingTop: "var(--ds-space-300, 24px)",
+  width: "var(--ds-space-800, 64px)"
 };
 var sidebarCSS = function sidebarCSS() {
   return defaultStyle;

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/drawer",
-	"version": "7.4.10",
+	"version": "7.4.11",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/drawer",
-  "version": "7.4.10",
+  "version": "7.4.11",
   "description": "A drawer is a panel that slides in from the left side of the screen.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -16,7 +16,6 @@
   "atlaskit:src": "src/index.tsx",
   "homepage": "https://atlassian.design/components/drawer",
   "atlassian": {
-    "disableProductCI": true,
     "team": "Design System Team",
     "deprecatedAutoEntryPoints": true,
     "releaseModel": "scheduled",
@@ -49,11 +48,11 @@
   "devDependencies": {
     "@atlaskit/button": "^16.5.0",
     "@atlaskit/checkbox": "^12.4.0",
-    "@atlaskit/code": "^14.4.0",
+    "@atlaskit/code": "^14.5.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/dropdown-menu": "^11.5.0",
+    "@atlaskit/dropdown-menu": "^11.7.0",
     "@atlaskit/ds-lib": "^2.1.0",
-    "@atlaskit/menu": "^1.4.0",
+    "@atlaskit/menu": "^1.5.0",
     "@atlaskit/modal-dialog": "^12.4.0",
     "@atlaskit/section-message": "^6.3.0",
     "@atlaskit/ssr": "*",

package/report.api.md

@@ -8,6 +8,7 @@
 ### Table of contents
 
 - [Main Entry Types](#main-entry-types)
+- [Peer Dependencies](#peer-dependencies)
 
 ### Main Entry Types
 
@@ -184,14 +185,36 @@ export interface SidebarProps extends React.HTMLProps<HTMLDivElement> {
 
 // @public (undocumented)
 export type Widths = {
-  extended: string;
-  full: string;
-  medium: number;
-  narrow: number;
-  wide: number;
+  extended: {
+    width: string;
+  };
+  full: {
+    width: string;
+  };
+  medium: {
+    width: number;
+  };
+  narrow: {
+    width: number;
+  };
+  wide: {
+    width: number;
+  };
 };
 
 // (No @packageDocumentation comment for this package)
 ```
 
 <!--SECTION END: Main Entry Types-->
+
+### Peer Dependencies
+
+<!--SECTION START: Peer Dependencies-->
+
+```json
+{
+  "react": "^16.8.0"
+}
+```
+
+<!--SECTION END: Peer Dependencies-->