@atlaskit/inline-dialog 13.4.5 → 13.4.7

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/inline-dialog
 
+## 13.4.7
+
+### Patch Changes
+
+- Updated dependencies
+
+## 13.4.6
+
+### Patch Changes
+
+- [`18aeca8c199`](https://bitbucket.org/atlassian/atlassian-frontend/commits/18aeca8c199) - Internal change to update token references. There is no expected behaviour or visual change.
+
 ## 13.4.5
 
 ### Patch Changes

package/dist/cjs/InlineDialog/index.js

@@ -1,99 +1,84 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.InlineDialogWithoutAnalytics = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _bindEventListener = require("bind-event-listener");
-
 var _reactNodeResolver = _interopRequireDefault(require("react-node-resolver"));
-
 var _analyticsNext = require("@atlaskit/analytics-next");
-
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
-
 var _popper = require("@atlaskit/popper");
-
 var _container = require("./styled/container");
-
 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; }
-
 /** @jsx jsx */
-var packageName = "@atlaskit/inline-dialog";
-var packageVersion = "13.4.5";
 
+var packageName = "@atlaskit/inline-dialog";
+var packageVersion = "13.4.7";
 var checkIsChildOfPortal = function checkIsChildOfPortal(node) {
   if (!node) {
     return false;
   }
-
   return node.classList && node.classList.contains('atlaskit-portal-container') || checkIsChildOfPortal(node.parentElement);
 };
-
 var InlineDialog = /*#__PURE__*/(0, _react.memo)(function InlineDialog(_ref) {
   var _ref$isOpen = _ref.isOpen,
-      isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
-      _ref$onContentBlur = _ref.onContentBlur,
-      onContentBlur = _ref$onContentBlur === void 0 ? _noop.default : _ref$onContentBlur,
-      _ref$onContentClick = _ref.onContentClick,
-      onContentClick = _ref$onContentClick === void 0 ? _noop.default : _ref$onContentClick,
-      _ref$onContentFocus = _ref.onContentFocus,
-      onContentFocus = _ref$onContentFocus === void 0 ? _noop.default : _ref$onContentFocus,
-      _ref$onClose = _ref.onClose,
-      onClose = _ref$onClose === void 0 ? _noop.default : _ref$onClose,
-      _ref$placement = _ref.placement,
-      placement = _ref$placement === void 0 ? 'bottom-start' : _ref$placement,
-      _ref$strategy = _ref.strategy,
-      strategy = _ref$strategy === void 0 ? 'fixed' : _ref$strategy,
-      testId = _ref.testId,
-      content = _ref.content,
-      children = _ref.children;
+    isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+    _ref$onContentBlur = _ref.onContentBlur,
+    onContentBlur = _ref$onContentBlur === void 0 ? _noop.default : _ref$onContentBlur,
+    _ref$onContentClick = _ref.onContentClick,
+    onContentClick = _ref$onContentClick === void 0 ? _noop.default : _ref$onContentClick,
+    _ref$onContentFocus = _ref.onContentFocus,
+    onContentFocus = _ref$onContentFocus === void 0 ? _noop.default : _ref$onContentFocus,
+    _ref$onClose = _ref.onClose,
+    onClose = _ref$onClose === void 0 ? _noop.default : _ref$onClose,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'bottom-start' : _ref$placement,
+    _ref$strategy = _ref.strategy,
+    strategy = _ref$strategy === void 0 ? 'fixed' : _ref$strategy,
+    testId = _ref.testId,
+    content = _ref.content,
+    children = _ref.children;
   var containerRef = (0, _react.useRef)(null);
-  var triggerRef = (0, _react.useRef)(null); // we put this into a ref to avoid handleClickOutside having this as a dependency
-
+  var triggerRef = (0, _react.useRef)(null);
+  // we put this into a ref to avoid handleClickOutside having this as a dependency
   var onCloseRef = (0, _react.useRef)(onClose);
   (0, _react.useEffect)(function () {
     onCloseRef.current = onClose;
   });
   var handleClickOutside = (0, _react.useCallback)(function (event) {
-    var target = event.target; // checks for when target is not HTMLElement
+    var target = event.target;
 
+    // checks for when target is not HTMLElement
     if (!(target instanceof HTMLElement)) {
       return;
-    } // TODO: This is to handle the case where the target is no longer in the DOM.
+    }
+
+    // TODO: This is to handle the case where the target is no longer in the DOM.
     // This happens with react-select in datetime picker. There might be other
     // edge cases for this.
-
-
     if (!document.body.contains(target)) {
       return;
-    } // exit if we click outside but on the trigger — it can handle the clicks itself
-
+    }
 
+    // exit if we click outside but on the trigger — it can handle the clicks itself
     if (triggerRef.current && triggerRef.current.contains(target)) {
       return;
-    } // handles the case where inline dialog opens portalled elements such as modal
-
+    }
 
+    // handles the case where inline dialog opens portalled elements such as modal
     if (checkIsChildOfPortal(target)) {
       return;
-    } // call onClose if the click originated from outside the dialog
-
+    }
 
+    // call onClose if the click originated from outside the dialog
     if (containerRef.current && !containerRef.current.contains(target)) {
       var _onCloseRef$current;
-
       (_onCloseRef$current = onCloseRef.current) === null || _onCloseRef$current === void 0 ? void 0 : _onCloseRef$current.call(onCloseRef, {
         isOpen: false,
         event: event
@@ -104,7 +89,6 @@ var InlineDialog = /*#__PURE__*/(0, _react.memo)(function InlineDialog(_ref) {
     if (!isOpen) {
       return;
     }
-
     var unbind = (0, _bindEventListener.bind)(window, {
       type: 'click',
       listener: handleClickOutside,
@@ -119,7 +103,7 @@ var InlineDialog = /*#__PURE__*/(0, _react.memo)(function InlineDialog(_ref) {
     strategy: strategy
   }, function (_ref2) {
     var _ref3 = _ref2.ref,
-        style = _ref2.style;
+      style = _ref2.style;
     return (0, _react2.jsx)(_container.Container, {
       onBlur: onContentBlur,
       onFocus: onContentFocus,
@@ -127,7 +111,6 @@ var InlineDialog = /*#__PURE__*/(0, _react.memo)(function InlineDialog(_ref) {
       ref: function ref(node) {
         if (node) {
           containerRef.current = node;
-
           if (typeof _ref3 === 'function') {
             _ref3(node);
           } else {
@@ -144,7 +127,6 @@ var InlineDialog = /*#__PURE__*/(0, _react.memo)(function InlineDialog(_ref) {
     return (0, _react2.jsx)(_reactNodeResolver.default, {
       innerRef: function innerRef(node) {
         triggerRef.current = node;
-
         if (typeof ref === 'function') {
           ref(node);
         } else {
@@ -157,7 +139,6 @@ var InlineDialog = /*#__PURE__*/(0, _react.memo)(function InlineDialog(_ref) {
 exports.InlineDialogWithoutAnalytics = InlineDialog;
 InlineDialog.displayName = 'InlineDialog';
 var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
-
 var _default = (0, _analyticsNext.withAnalyticsContext)({
   componentName: 'inlineDialog',
   packageName: packageName,
@@ -173,5 +154,4 @@ var _default = (0, _analyticsNext.withAnalyticsContext)({
     }
   })
 })(InlineDialog));
-
 exports.default = _default;

package/dist/cjs/InlineDialog/styled/container.js

@@ -1,34 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Container = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _components = require("@atlaskit/theme/components");
-
 var _constants = require("@atlaskit/theme/constants");
-
 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; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var themedBackground = (0, _components.themed)({
   light: "var(--ds-surface-overlay, ".concat(_colors.N0, ")"),
   dark: "var(--ds-surface-overlay, ".concat(_colors.DN50, ")")
@@ -50,7 +37,7 @@ var containerStyles = (0, _react2.css)({
   boxSizing: 'content-box',
   maxWidth: "".concat(gridSize * 56, "px"),
   maxHeight: "".concat(gridSize * 56, "px"),
-  padding: "var(--ds-scale-200, 16px)".concat(" ", "var(--ds-scale-300, 24px)"),
+  padding: "var(--ds-space-200, 16px)".concat(" ", "var(--ds-space-300, 24px)"),
   zIndex: _constants.layers.dialog(),
   background: "var(".concat(CSS_THEME_BACKGROUND, ")"),
   borderRadius: "".concat(borderRadius, "px"),
@@ -60,7 +47,6 @@ var containerStyles = (0, _react2.css)({
     outline: 'none'
   }
 });
-
 /**
  * __Container__
  *
@@ -70,13 +56,12 @@ var containerStyles = (0, _react2.css)({
  */
 var Container = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _objectSpread2;
-
   var children = _ref.children,
-      onBlur = _ref.onBlur,
-      onClick = _ref.onClick,
-      onFocus = _ref.onFocus,
-      style = _ref.style,
-      testId = _ref.testId;
+    onBlur = _ref.onBlur,
+    onClick = _ref.onClick,
+    onFocus = _ref.onFocus,
+    style = _ref.style,
+    testId = _ref.testId;
   var theme = (0, _components.useGlobalTheme)();
   return (0, _react2.jsx)("div", {
     css: containerStyles,

package/dist/cjs/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _InlineDialog.default;
   }
 });
-
 var _InlineDialog = _interopRequireDefault(require("./InlineDialog"));

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/inline-dialog",
-	"version": "13.4.5",
+	"version": "13.4.7",
 	"sideEffects": false
 }

package/dist/es2019/InlineDialog/index.js

@@ -8,16 +8,13 @@ import noop from '@atlaskit/ds-lib/noop';
 import { Manager, Popper, Reference } from '@atlaskit/popper';
 import { Container } from './styled/container';
 const packageName = "@atlaskit/inline-dialog";
-const packageVersion = "13.4.5";
-
+const packageVersion = "13.4.7";
 const checkIsChildOfPortal = node => {
   if (!node) {
     return false;
   }
-
   return node.classList && node.classList.contains('atlaskit-portal-container') || checkIsChildOfPortal(node.parentElement);
 };
-
 const InlineDialog = /*#__PURE__*/memo(function InlineDialog({
   isOpen = false,
   onContentBlur = noop,
@@ -31,8 +28,8 @@ const InlineDialog = /*#__PURE__*/memo(function InlineDialog({
   children
 }) {
   const containerRef = useRef(null);
-  const triggerRef = useRef(null); // we put this into a ref to avoid handleClickOutside having this as a dependency
-
+  const triggerRef = useRef(null);
+  // we put this into a ref to avoid handleClickOutside having this as a dependency
   const onCloseRef = useRef(onClose);
   useEffect(() => {
     onCloseRef.current = onClose;
@@ -40,33 +37,33 @@ const InlineDialog = /*#__PURE__*/memo(function InlineDialog({
   const handleClickOutside = useCallback(event => {
     const {
       target
-    } = event; // checks for when target is not HTMLElement
+    } = event;
 
+    // checks for when target is not HTMLElement
     if (!(target instanceof HTMLElement)) {
       return;
-    } // TODO: This is to handle the case where the target is no longer in the DOM.
+    }
+
+    // TODO: This is to handle the case where the target is no longer in the DOM.
     // This happens with react-select in datetime picker. There might be other
     // edge cases for this.
-
-
     if (!document.body.contains(target)) {
       return;
-    } // exit if we click outside but on the trigger — it can handle the clicks itself
-
+    }
 
+    // exit if we click outside but on the trigger — it can handle the clicks itself
     if (triggerRef.current && triggerRef.current.contains(target)) {
       return;
-    } // handles the case where inline dialog opens portalled elements such as modal
-
+    }
 
+    // handles the case where inline dialog opens portalled elements such as modal
     if (checkIsChildOfPortal(target)) {
       return;
-    } // call onClose if the click originated from outside the dialog
-
+    }
 
+    // call onClose if the click originated from outside the dialog
     if (containerRef.current && !containerRef.current.contains(target)) {
       var _onCloseRef$current;
-
       (_onCloseRef$current = onCloseRef.current) === null || _onCloseRef$current === void 0 ? void 0 : _onCloseRef$current.call(onCloseRef, {
         isOpen: false,
         event: event
@@ -77,7 +74,6 @@ const InlineDialog = /*#__PURE__*/memo(function InlineDialog({
     if (!isOpen) {
       return;
     }
-
     const unbind = bind(window, {
       type: 'click',
       listener: handleClickOutside,
@@ -100,7 +96,6 @@ const InlineDialog = /*#__PURE__*/memo(function InlineDialog({
     ref: node => {
       if (node) {
         containerRef.current = node;
-
         if (typeof ref === 'function') {
           ref(node);
         } else {
@@ -116,7 +111,6 @@ const InlineDialog = /*#__PURE__*/memo(function InlineDialog({
   }) => jsx(NodeResolver, {
     innerRef: node => {
       triggerRef.current = node;
-
       if (typeof ref === 'function') {
         ref(node);
       } else {

package/dist/es2019/InlineDialog/styled/container.js

@@ -1,7 +1,5 @@
 /* eslint-disable jsx-a11y/no-static-element-interactions */
-
 /* eslint-disable jsx-a11y/click-events-have-key-events */
-
 /** @jsx jsx */
 import React, { forwardRef } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -29,7 +27,7 @@ const containerStyles = css({
   boxSizing: 'content-box',
   maxWidth: `${gridSize * 56}px`,
   maxHeight: `${gridSize * 56}px`,
-  padding: `${"var(--ds-scale-200, 16px)"} ${"var(--ds-scale-300, 24px)"}`,
+  padding: `${"var(--ds-space-200, 16px)"} ${"var(--ds-space-300, 24px)"}`,
   zIndex: layers.dialog(),
   background: `var(${CSS_THEME_BACKGROUND})`,
   borderRadius: `${borderRadius}px`,
@@ -39,7 +37,6 @@ const containerStyles = css({
     outline: 'none'
   }
 });
-
 /**
  * __Container__
  *

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/inline-dialog",
-	"version": "13.4.5",
+	"version": "13.4.7",
 	"sideEffects": false
 }

package/dist/esm/InlineDialog/index.js

@@ -8,69 +8,66 @@ import noop from '@atlaskit/ds-lib/noop';
 import { Manager, Popper, Reference } from '@atlaskit/popper';
 import { Container } from './styled/container';
 var packageName = "@atlaskit/inline-dialog";
-var packageVersion = "13.4.5";
-
+var packageVersion = "13.4.7";
 var checkIsChildOfPortal = function checkIsChildOfPortal(node) {
   if (!node) {
     return false;
   }
-
   return node.classList && node.classList.contains('atlaskit-portal-container') || checkIsChildOfPortal(node.parentElement);
 };
-
 var InlineDialog = /*#__PURE__*/memo(function InlineDialog(_ref) {
   var _ref$isOpen = _ref.isOpen,
-      isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
-      _ref$onContentBlur = _ref.onContentBlur,
-      onContentBlur = _ref$onContentBlur === void 0 ? noop : _ref$onContentBlur,
-      _ref$onContentClick = _ref.onContentClick,
-      onContentClick = _ref$onContentClick === void 0 ? noop : _ref$onContentClick,
-      _ref$onContentFocus = _ref.onContentFocus,
-      onContentFocus = _ref$onContentFocus === void 0 ? noop : _ref$onContentFocus,
-      _ref$onClose = _ref.onClose,
-      onClose = _ref$onClose === void 0 ? noop : _ref$onClose,
-      _ref$placement = _ref.placement,
-      placement = _ref$placement === void 0 ? 'bottom-start' : _ref$placement,
-      _ref$strategy = _ref.strategy,
-      strategy = _ref$strategy === void 0 ? 'fixed' : _ref$strategy,
-      testId = _ref.testId,
-      content = _ref.content,
-      children = _ref.children;
+    isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+    _ref$onContentBlur = _ref.onContentBlur,
+    onContentBlur = _ref$onContentBlur === void 0 ? noop : _ref$onContentBlur,
+    _ref$onContentClick = _ref.onContentClick,
+    onContentClick = _ref$onContentClick === void 0 ? noop : _ref$onContentClick,
+    _ref$onContentFocus = _ref.onContentFocus,
+    onContentFocus = _ref$onContentFocus === void 0 ? noop : _ref$onContentFocus,
+    _ref$onClose = _ref.onClose,
+    onClose = _ref$onClose === void 0 ? noop : _ref$onClose,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'bottom-start' : _ref$placement,
+    _ref$strategy = _ref.strategy,
+    strategy = _ref$strategy === void 0 ? 'fixed' : _ref$strategy,
+    testId = _ref.testId,
+    content = _ref.content,
+    children = _ref.children;
   var containerRef = useRef(null);
-  var triggerRef = useRef(null); // we put this into a ref to avoid handleClickOutside having this as a dependency
-
+  var triggerRef = useRef(null);
+  // we put this into a ref to avoid handleClickOutside having this as a dependency
   var onCloseRef = useRef(onClose);
   useEffect(function () {
     onCloseRef.current = onClose;
   });
   var handleClickOutside = useCallback(function (event) {
-    var target = event.target; // checks for when target is not HTMLElement
+    var target = event.target;
 
+    // checks for when target is not HTMLElement
     if (!(target instanceof HTMLElement)) {
       return;
-    } // TODO: This is to handle the case where the target is no longer in the DOM.
+    }
+
+    // TODO: This is to handle the case where the target is no longer in the DOM.
     // This happens with react-select in datetime picker. There might be other
     // edge cases for this.
-
-
     if (!document.body.contains(target)) {
       return;
-    } // exit if we click outside but on the trigger — it can handle the clicks itself
-
+    }
 
+    // exit if we click outside but on the trigger — it can handle the clicks itself
     if (triggerRef.current && triggerRef.current.contains(target)) {
       return;
-    } // handles the case where inline dialog opens portalled elements such as modal
-
+    }
 
+    // handles the case where inline dialog opens portalled elements such as modal
     if (checkIsChildOfPortal(target)) {
       return;
-    } // call onClose if the click originated from outside the dialog
-
+    }
 
+    // call onClose if the click originated from outside the dialog
     if (containerRef.current && !containerRef.current.contains(target)) {
       var _onCloseRef$current;
-
       (_onCloseRef$current = onCloseRef.current) === null || _onCloseRef$current === void 0 ? void 0 : _onCloseRef$current.call(onCloseRef, {
         isOpen: false,
         event: event
@@ -81,7 +78,6 @@ var InlineDialog = /*#__PURE__*/memo(function InlineDialog(_ref) {
     if (!isOpen) {
       return;
     }
-
     var unbind = bind(window, {
       type: 'click',
       listener: handleClickOutside,
@@ -96,7 +92,7 @@ var InlineDialog = /*#__PURE__*/memo(function InlineDialog(_ref) {
     strategy: strategy
   }, function (_ref2) {
     var _ref3 = _ref2.ref,
-        style = _ref2.style;
+      style = _ref2.style;
     return jsx(Container, {
       onBlur: onContentBlur,
       onFocus: onContentFocus,
@@ -104,7 +100,6 @@ var InlineDialog = /*#__PURE__*/memo(function InlineDialog(_ref) {
       ref: function ref(node) {
         if (node) {
           containerRef.current = node;
-
           if (typeof _ref3 === 'function') {
             _ref3(node);
           } else {
@@ -121,7 +116,6 @@ var InlineDialog = /*#__PURE__*/memo(function InlineDialog(_ref) {
     return jsx(NodeResolver, {
       innerRef: function innerRef(node) {
         triggerRef.current = node;
-
         if (typeof ref === 'function') {
           ref(node);
         } else {

package/dist/esm/InlineDialog/styled/container.js

@@ -1,13 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 /* eslint-disable jsx-a11y/no-static-element-interactions */
-
 /* eslint-disable jsx-a11y/click-events-have-key-events */
-
 /** @jsx jsx */
 import React, { forwardRef } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -35,7 +30,7 @@ var containerStyles = css({
   boxSizing: 'content-box',
   maxWidth: "".concat(gridSize * 56, "px"),
   maxHeight: "".concat(gridSize * 56, "px"),
-  padding: "var(--ds-scale-200, 16px)".concat(" ", "var(--ds-scale-300, 24px)"),
+  padding: "var(--ds-space-200, 16px)".concat(" ", "var(--ds-space-300, 24px)"),
   zIndex: layers.dialog(),
   background: "var(".concat(CSS_THEME_BACKGROUND, ")"),
   borderRadius: "".concat(borderRadius, "px"),
@@ -45,7 +40,6 @@ var containerStyles = css({
     outline: 'none'
   }
 });
-
 /**
  * __Container__
  *
@@ -55,13 +49,12 @@ var containerStyles = css({
  */
 export var Container = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _objectSpread2;
-
   var children = _ref.children,
-      onBlur = _ref.onBlur,
-      onClick = _ref.onClick,
-      onFocus = _ref.onFocus,
-      style = _ref.style,
-      testId = _ref.testId;
+    onBlur = _ref.onBlur,
+    onClick = _ref.onClick,
+    onFocus = _ref.onFocus,
+    style = _ref.style,
+    testId = _ref.testId;
   var theme = useGlobalTheme();
   return jsx("div", {
     css: containerStyles,

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/inline-dialog",
-	"version": "13.4.5",
+	"version": "13.4.7",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/inline-dialog",
-  "version": "13.4.5",
+  "version": "13.4.7",
   "description": "An inline dialog is a pop-up container for small amounts of information. It can also contain controls.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -39,7 +39,7 @@
     "@atlaskit/ds-lib": "^2.1.0",
     "@atlaskit/popper": "^5.4.0",
     "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "^0.13.0",
+    "@atlaskit/tokens": "^1.0.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "bind-event-listener": "^2.1.1",
@@ -55,7 +55,7 @@
     "@atlaskit/icon": "^21.11.0",
     "@atlaskit/modal-dialog": "^12.4.0",
     "@atlaskit/section-message": "^6.3.0",
-    "@atlaskit/select": "^16.0.0",
+    "@atlaskit/select": "^16.1.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",

package/report.api.md

@@ -1,4 +1,4 @@
-<!-- API Report Version: 2.2 -->
+<!-- API Report Version: 2.3 -->
 
 ## API Report File for "@atlaskit/inline-dialog"