@atlaskit/drawer 7.1.2 → 7.1.5

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/drawer
 
+## 7.1.5
+
+### Patch Changes
+
+- Updated dependencies
+
+## 7.1.4
+
+### Patch Changes
+
+- [`e9210b8a098`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e9210b8a098) - Updates Drawer with deprecated status for `cssFn`/`overrides APIs.
+
+## 7.1.3
+
+### Patch Changes
+
+- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - Bump dependency tiny-invariant to latest"
+- Updated dependencies
+
 ## 7.1.2
 
 ### Patch Changes

package/dist/cjs/components/index.js

@@ -52,7 +52,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 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.1.2";
+var packageVersion = "7.1.5";
 
 var OnlyChild = function OnlyChild(_ref) {
   var children = _ref.children;

package/dist/cjs/components/primitives/icon-button.js

@@ -29,10 +29,10 @@ var iconButtonStyles = (0, _core.css)({
   fontSize: 'inherit',
   lineHeight: 1,
   '&:hover': {
-    backgroundColor: "var(--ds-background-transparentNeutral-hover, ".concat(_colors.N30A, ")")
+    backgroundColor: "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30A, ")")
   },
   '&:active': {
-    backgroundColor: "var(--ds-background-transparentNeutral-pressed, ".concat(_colors.B50, ")"),
+    backgroundColor: "var(--ds-background-neutral-subtle-pressed, ".concat(_colors.B50, ")"),
     outline: 0
   }
 });

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

@@ -72,7 +72,7 @@ var wrapperStyles = (0, _core.css)({
   zIndex: _constants.layers.blanket() + 1,
   top: 0,
   left: 0,
-  backgroundColor: "var(--ds-background-overlay, ".concat(_colors.N0, ")"),
+  backgroundColor: "var(--ds-surface-overlay, ".concat(_colors.N0, ")"),
   overflow: 'hidden'
 });
 

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

@@ -21,7 +21,7 @@ var _excluded = ["cssFn"];
 var defaultStyle = {
   alignItems: 'center',
   boxSizing: 'border-box',
-  color: "var(--ds-text-mediumEmphasis, ".concat(_colors.N500, ")"),
+  color: "var(--ds-text-subtle, ".concat(_colors.N500, ")"),
   display: 'flex',
   flexShrink: 0,
   flexDirection: 'column',

package/dist/cjs/components/utils.js

@@ -5,6 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createExtender = void 0;
 
+/**
+ * @deprecated Please avoid using this function as we intend to remote it in a future release. See DSP-2673 for more information.
+ */
 var createExtender = function createExtender(defaults) {
   var overrides = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Object.create(Object.prototype);
 

package/dist/cjs/version.json

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

package/dist/es2019/components/index.js

@@ -10,7 +10,7 @@ import FocusLock from './focus-lock';
 import DrawerPrimitive from './primitives';
 import { Fade } from './transitions';
 const packageName = "@atlaskit/drawer";
-const packageVersion = "7.1.2";
+const packageVersion = "7.1.5";
 
 const OnlyChild = ({
   children

package/dist/es2019/components/primitives/icon-button.js

@@ -19,10 +19,10 @@ const iconButtonStyles = css({
   fontSize: 'inherit',
   lineHeight: 1,
   '&:hover': {
-    backgroundColor: `var(--ds-background-transparentNeutral-hover, ${N30A})`
+    backgroundColor: `var(--ds-background-neutral-subtle-hovered, ${N30A})`
   },
   '&:active': {
-    backgroundColor: `var(--ds-background-transparentNeutral-pressed, ${B50})`,
+    backgroundColor: `var(--ds-background-neutral-subtle-pressed, ${B50})`,
     outline: 0
   }
 });

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

@@ -27,7 +27,7 @@ const wrapperStyles = css({
   zIndex: layers.blanket() + 1,
   top: 0,
   left: 0,
-  backgroundColor: `var(--ds-background-overlay, ${N0})`,
+  backgroundColor: `var(--ds-surface-overlay, ${N0})`,
   overflow: 'hidden'
 });
 

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

@@ -7,7 +7,7 @@ import { gridSize } from '@atlaskit/theme/constants';
 const defaultStyle = {
   alignItems: 'center',
   boxSizing: 'border-box',
-  color: `var(--ds-text-mediumEmphasis, ${N500})`,
+  color: `var(--ds-text-subtle, ${N500})`,
   display: 'flex',
   flexShrink: 0,
   flexDirection: 'column',

package/dist/es2019/components/utils.js

@@ -1,3 +1,6 @@
+/**
+ * @deprecated Please avoid using this function as we intend to remote it in a future release. See DSP-2673 for more information.
+ */
 export const createExtender = function createExtender(defaults,
 /** We're defaulting to an Object.create call here to circumvent
  *  the fact that {} can't be reconciled

package/dist/es2019/version.json

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

package/dist/esm/components/index.js

@@ -21,7 +21,7 @@ import FocusLock from './focus-lock';
 import DrawerPrimitive from './primitives';
 import { Fade } from './transitions';
 var packageName = "@atlaskit/drawer";
-var packageVersion = "7.1.2";
+var packageVersion = "7.1.5";
 
 var OnlyChild = function OnlyChild(_ref) {
   var children = _ref.children;

package/dist/esm/components/primitives/icon-button.js

@@ -19,10 +19,10 @@ var iconButtonStyles = css({
   fontSize: 'inherit',
   lineHeight: 1,
   '&:hover': {
-    backgroundColor: "var(--ds-background-transparentNeutral-hover, ".concat(N30A, ")")
+    backgroundColor: "var(--ds-background-neutral-subtle-hovered, ".concat(N30A, ")")
   },
   '&:active': {
-    backgroundColor: "var(--ds-background-transparentNeutral-pressed, ".concat(B50, ")"),
+    backgroundColor: "var(--ds-background-neutral-subtle-pressed, ".concat(B50, ")"),
     outline: 0
   }
 });

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

@@ -46,7 +46,7 @@ var wrapperStyles = css({
   zIndex: layers.blanket() + 1,
   top: 0,
   left: 0,
-  backgroundColor: "var(--ds-background-overlay, ".concat(N0, ")"),
+  backgroundColor: "var(--ds-surface-overlay, ".concat(N0, ")"),
   overflow: 'hidden'
 });
 

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

@@ -9,7 +9,7 @@ import { gridSize } from '@atlaskit/theme/constants';
 var defaultStyle = {
   alignItems: 'center',
   boxSizing: 'border-box',
-  color: "var(--ds-text-mediumEmphasis, ".concat(N500, ")"),
+  color: "var(--ds-text-subtle, ".concat(N500, ")"),
   display: 'flex',
   flexShrink: 0,
   flexDirection: 'column',

package/dist/esm/components/utils.js

@@ -1,3 +1,6 @@
+/**
+ * @deprecated Please avoid using this function as we intend to remote it in a future release. See DSP-2673 for more information.
+ */
 export var createExtender = function createExtender(defaults) {
   var overrides = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Object.create(Object.prototype);
 

package/dist/esm/version.json

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

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

@@ -31,6 +31,9 @@ export interface BaseProps {
      */
     overrides?: OverridesType;
 }
+/**
+ * @deprecated Please avoid using this type as we intend to remote it in a future release. See DSP-2673 for more information.
+ */
 export declare type DefaultsType = {
     Sidebar: {
         component: React.ComponentType<SidebarProps>;
@@ -41,6 +44,9 @@ export declare type DefaultsType = {
         cssFn: (defaultStyles: CSSObject) => CSSObject;
     };
 };
+/**
+ * @deprecated Please avoid using this prop as we intend to remove the prop completely in a future release. See DSP-2673 for more information.
+ */
 export declare type OverridesType = {
     Sidebar?: {
         component?: React.ComponentType<SidebarProps>;
@@ -51,13 +57,25 @@ export declare type OverridesType = {
         cssFn?: (defaultStyles: CSSObject) => CSSObject;
     };
 };
+/**
+ * @deprecated Please avoid using this type as we intend to remote it in a future release. See DSP-2673 for more information.
+ */
 export declare type DrawerPrimitiveDefaults = Pick<DefaultsType, 'Sidebar' | 'Content'>;
+/**
+ * @deprecated Please avoid using this type as we intend to remote it in a future release. See DSP-2673 for more information.
+ */
 export declare type DrawerPrimitiveOverrides = Pick<OverridesType, 'Sidebar' | 'Content'>;
 export interface SidebarProps extends React.HTMLProps<HTMLDivElement> {
+    /**
+     * @deprecated Please avoid using this prop as we intend to remove the prop completely in a future release. See DSP-2673 for more information.
+     */
     cssFn: (defaultStyles: CSSObject) => CSSObject;
 }
 export declare type SidebarCSSProps = Omit<SidebarProps, 'cssFn'>;
 export interface ContentProps extends React.HTMLProps<HTMLDivElement> {
+    /**
+     * @deprecated Please avoid using this prop as we intend to remove the prop completely in a future release. See DSP-2673 for more information.
+     */
     cssFn: (defaultStyles: CSSObject) => CSSObject;
 }
 export declare type ContentCSSProps = Omit<ContentProps, 'cssFn'>;

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

@@ -1,4 +1,7 @@
 declare type OverridesFunc<X extends Record<string, any>, Y extends Record<string, any>> = (key: string) => Record<string, any>;
 export declare 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.
+ */
 export declare const createExtender: ExtenderType;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/drawer",
-  "version": "7.1.2",
+  "version": "7.1.5",
   "description": "React component the renders a Drawer from the left of the screen",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -28,22 +28,22 @@
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/portal": "^4.0.0",
     "@atlaskit/theme": "^12.1.0",
-    "@atlaskit/tokens": "^0.5.0",
+    "@atlaskit/tokens": "^0.7.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/core": "^10.0.9",
     "exenv": "^1.2.2",
     "react-focus-lock": "^2.5.2",
     "react-transition-group": "^4.4.1",
-    "tiny-invariant": "^0.0.3"
+    "tiny-invariant": "^1.2.0"
   },
   "peerDependencies": {
     "react": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/button": "^16.0.0",
+    "@atlaskit/button": "^16.2.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/dropdown-menu": "^11.0.0",
-    "@atlaskit/menu": "^1.2.0",
+    "@atlaskit/dropdown-menu": "^11.1.0",
+    "@atlaskit/menu": "^1.3.0",
     "@atlaskit/section-message": "^6.0.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",