@atlaskit/right-side-panel 1.1.13 → 1.2.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/right-side-panel
 
+## 1.2.0
+
+### Minor Changes
+
+- [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
+
+### Patch Changes
+
+- Updated dependencies
+
+## 1.1.14
+
+### Patch Changes
+
+- [`ad5cbfa5a71`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ad5cbfa5a71) - Migrated use of `gridSize` to space tokens where possible. There is no expected visual or behaviour change.
+
 ## 1.1.13
 
 ### Patch Changes

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

@@ -35,15 +35,15 @@ var ENTERED = 'entered';
 exports.ENTERED = ENTERED;
 var EXITING = 'exiting';
 exports.EXITING = EXITING;
-var TransitionStatus;
-exports.TransitionStatus = TransitionStatus;
-(function (TransitionStatus) {
+var TransitionStatus = /*#__PURE__*/function (TransitionStatus) {
   TransitionStatus["UNMOUNTED"] = "unmounted";
   TransitionStatus["EXITED"] = "exited";
   TransitionStatus["ENTERING"] = "entering";
   TransitionStatus["ENTERED"] = "entered";
   TransitionStatus["EXITING"] = "exiting";
-})(TransitionStatus || (exports.TransitionStatus = TransitionStatus = {}));
+  return TransitionStatus;
+}({});
+exports.TransitionStatus = TransitionStatus;
 var defaultStyle = {
   transition: "width ".concat(_constants.transitionDurationMs, "ms,\n  flex ").concat(_constants.transitionDurationMs, "ms"),
   width: "0",

package/dist/cjs/components/RightSidePanel/styled.js

@@ -11,6 +11,7 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 var _constants = require("./constants");
 var _templateObject, _templateObject2;
+/** @jsx jsx */
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var RightSidePanelDrawer = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: ", "px;\n  flex: 0 0 ", "px;\n  position: relative;\n  overflow: hidden;\n"])), _constants.panelWidth, _constants.panelWidth);

package/dist/cjs/components/styled.js

@@ -8,6 +8,7 @@ exports.FlexContainer = exports.ContentWrapper = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _templateObject, _templateObject2;
+/** @jsx jsx */
 var FlexContainer = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n"])));
 exports.FlexContainer = FlexContainer;
 var ContentWrapper = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  min-width: 0;\n  flex: 1 1 auto;\n  overflow-x: hidden;\n"])));

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/right-side-panel",
-	"version": "1.1.13",
+	"version": "1.2.0",
 	"sideEffects": false
 }

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

@@ -11,14 +11,14 @@ export const EXITED = 'exited';
 export const ENTERING = 'entering';
 export const ENTERED = 'entered';
 export const EXITING = 'exiting';
-export let TransitionStatus;
-(function (TransitionStatus) {
+export let TransitionStatus = /*#__PURE__*/function (TransitionStatus) {
   TransitionStatus["UNMOUNTED"] = "unmounted";
   TransitionStatus["EXITED"] = "exited";
   TransitionStatus["ENTERING"] = "entering";
   TransitionStatus["ENTERED"] = "entered";
   TransitionStatus["EXITING"] = "exiting";
-})(TransitionStatus || (TransitionStatus = {}));
+  return TransitionStatus;
+}({});
 const defaultStyle = {
   transition: `width ${transitionDurationMs}ms,
   flex ${transitionDurationMs}ms`,

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/right-side-panel",
-	"version": "1.1.13",
+	"version": "1.2.0",
 	"sideEffects": false
 }

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

@@ -21,14 +21,14 @@ export var EXITED = 'exited';
 export var ENTERING = 'entering';
 export var ENTERED = 'entered';
 export var EXITING = 'exiting';
-export var TransitionStatus;
-(function (TransitionStatus) {
+export var TransitionStatus = /*#__PURE__*/function (TransitionStatus) {
   TransitionStatus["UNMOUNTED"] = "unmounted";
   TransitionStatus["EXITED"] = "exited";
   TransitionStatus["ENTERING"] = "entering";
   TransitionStatus["ENTERED"] = "entered";
   TransitionStatus["EXITING"] = "exiting";
-})(TransitionStatus || (TransitionStatus = {}));
+  return TransitionStatus;
+}({});
 var defaultStyle = {
   transition: "width ".concat(transitionDurationMs, "ms,\n  flex ").concat(transitionDurationMs, "ms"),
   width: "0",

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/right-side-panel",
-	"version": "1.1.13",
+	"version": "1.2.0",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/right-side-panel",
-  "version": "1.1.13",
+  "version": "1.2.0",
   "description": "A cross-product right-side-panel component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -23,8 +23,8 @@
     }
   },
   "dependencies": {
-    "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "^1.0.0",
+    "@atlaskit/theme": "^12.5.0",
+    "@atlaskit/tokens": "^1.3.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/styled": "^10.0.7",
     "exenv": "^1.2.2",
@@ -36,11 +36,11 @@
     "react-intl-next": "npm:react-intl@^5.18.1"
   },
   "devDependencies": {
-    "@atlaskit/button": "^16.5.0",
+    "@atlaskit/button": "^16.7.0",
     "@atlaskit/docs": "*",
     "@atlaskit/navigation": "^37.0.0",
-    "@atlaskit/page": "^12.2.0",
-    "@atlaskit/section-message": "^6.3.0",
+    "@atlaskit/page": "^12.3.0",
+    "@atlaskit/section-message": "^6.4.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "enzyme": "^3.10.0",
     "react-test-renderer": "^16.8.0",
@@ -56,7 +56,9 @@
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",
   "techstack": {
     "@repo/internal": {
-      "theming": "tokens"
+      "design-tokens": [
+        "color"
+      ]
     }
   }
 }

package/tmp/api-report-tmp.d.ts

@@ -1,74 +0,0 @@
-## API Report File for "@atlaskit/right-side-panel"
-
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
-
-```ts
-
-/// <reference types="react" />
-
-import { ClassAttributes } from 'react';
-import { Component } from 'react';
-import { DetailedHTMLProps } from 'react';
-import { HTMLAttributes } from 'react';
-import { default as React_2 } from 'react';
-import { ReactNode } from 'react';
-import { StyledComponent } from '@emotion/styled-base';
-
-// @public (undocumented)
-export const ContentWrapper: StyledComponent<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, keyof HTMLAttributes<HTMLDivElement>>, object>;
-
-// @public (undocumented)
-export const FlexContainer: StyledComponent<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, keyof HTMLAttributes<HTMLDivElement>>, object>;
-
-// @public (undocumented)
-interface Props {
-    // (undocumented)
-    attachPanelTo: string;
-    // (undocumented)
-    children?: ReactNode;
-    // (undocumented)
-    disableEnterAnimation?: boolean;
-    // (undocumented)
-    disableExitAnimation?: boolean;
-    // (undocumented)
-    isOpen: boolean;
-    // (undocumented)
-    mountOnEnter?: boolean;
-    // (undocumented)
-    onCloseAnimationFinished?: () => void;
-    // (undocumented)
-    onOpenAnimationFinished?: () => void;
-    // (undocumented)
-    skipAnimationOnMount?: boolean;
-    // (undocumented)
-    unmountOnExit?: boolean;
-}
-
-// @public (undocumented)
-export class RightSidePanel extends Component<Props, State> {
-    // (undocumented)
-    attachPanelTo: string;
-    // (undocumented)
-    componentDidMount(): void;
-    // (undocumented)
-    render(): React_2.ReactNode;
-    // (undocumented)
-    renderDrawer(Container: HTMLElement): ReactNode;
-    // (undocumented)
-    state: {
-        entered: boolean;
-        container: undefined;
-    };
-}
-
-// @public (undocumented)
-interface State {
-    // (undocumented)
-    container?: Element | null;
-    // (undocumented)
-    entered: boolean;
-}
-
-// (No @packageDocumentation comment for this package)
-
-```