@atlaskit/inline-dialog 13.6.2 → 13.6.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/inline-dialog
 
+## 13.6.3
+
+### Patch Changes
+
+- [`49b08bfdf5f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/49b08bfdf5f) - Migrated use of `gridSize` to space tokens where possible. There is no expected visual or behaviour change.
+
 ## 13.6.2
 
 ### Patch Changes

package/dist/cjs/InlineDialog/index.js

@@ -19,7 +19,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 /** @jsx jsx */
 
 var packageName = "@atlaskit/inline-dialog";
-var packageVersion = "13.6.2";
+var packageVersion = "13.6.3";
 var checkIsChildOfPortal = function checkIsChildOfPortal(node) {
   if (!node) {
     return false;

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

@@ -29,14 +29,13 @@ var themedBoxShadow = (0, _components.themed)({
   dark: "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.DN50A, ", 0 0 1px ").concat(_colors.DN60A), ")")
 });
 var borderRadius = (0, _constants.borderRadius)();
-var gridSize = (0, _constants.gridSize)();
 var CSS_THEME_BACKGROUND = '--theme-background';
 var CSS_THEME_COLOR = '--theme-color';
 var CSS_THEME_BOX_SHADOW = '--theme-box-shadow';
 var containerStyles = (0, _react2.css)({
   boxSizing: 'content-box',
-  maxWidth: "".concat(gridSize * 56, "px"),
-  maxHeight: "".concat(gridSize * 56, "px"),
+  maxWidth: "".concat(8 * 56, "px"),
+  maxHeight: "".concat(8 * 56, "px"),
   padding: "var(--ds-space-200, 16px)".concat(" ", "var(--ds-space-300, 24px)"),
   zIndex: _constants.layers.dialog(),
   background: "var(".concat(CSS_THEME_BACKGROUND, ")"),

package/dist/cjs/version.json

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

package/dist/es2019/InlineDialog/index.js

@@ -8,7 +8,7 @@ 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.6.2";
+const packageVersion = "13.6.3";
 const checkIsChildOfPortal = node => {
   if (!node) {
     return false;

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

@@ -5,7 +5,7 @@ import React, { forwardRef } from 'react';
 import { css, jsx } from '@emotion/react';
 import { DN50, DN50A, DN600, DN60A, N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import { themed, useGlobalTheme } from '@atlaskit/theme/components';
-import { borderRadius as getBorderRadius, gridSize as getGridSize, layers } from '@atlaskit/theme/constants';
+import { borderRadius as getBorderRadius, layers } from '@atlaskit/theme/constants';
 const themedBackground = themed({
   light: `var(--ds-surface-overlay, ${N0})`,
   dark: `var(--ds-surface-overlay, ${DN50})`
@@ -19,14 +19,13 @@ const themedBoxShadow = themed({
   dark: `var(--ds-shadow-overlay, ${`0 4px 8px -2px ${DN50A}, 0 0 1px ${DN60A}`})`
 });
 const borderRadius = getBorderRadius();
-const gridSize = getGridSize();
 const CSS_THEME_BACKGROUND = '--theme-background';
 const CSS_THEME_COLOR = '--theme-color';
 const CSS_THEME_BOX_SHADOW = '--theme-box-shadow';
 const containerStyles = css({
   boxSizing: 'content-box',
-  maxWidth: `${gridSize * 56}px`,
-  maxHeight: `${gridSize * 56}px`,
+  maxWidth: `${8 * 56}px`,
+  maxHeight: `${8 * 56}px`,
   padding: `${"var(--ds-space-200, 16px)"} ${"var(--ds-space-300, 24px)"}`,
   zIndex: layers.dialog(),
   background: `var(${CSS_THEME_BACKGROUND})`,

package/dist/es2019/version.json

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

package/dist/esm/InlineDialog/index.js

@@ -8,7 +8,7 @@ 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.6.2";
+var packageVersion = "13.6.3";
 var checkIsChildOfPortal = function checkIsChildOfPortal(node) {
   if (!node) {
     return false;

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

@@ -8,7 +8,7 @@ import React, { forwardRef } from 'react';
 import { css, jsx } from '@emotion/react';
 import { DN50, DN50A, DN600, DN60A, N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import { themed, useGlobalTheme } from '@atlaskit/theme/components';
-import { borderRadius as getBorderRadius, gridSize as getGridSize, layers } from '@atlaskit/theme/constants';
+import { borderRadius as getBorderRadius, layers } from '@atlaskit/theme/constants';
 var themedBackground = themed({
   light: "var(--ds-surface-overlay, ".concat(N0, ")"),
   dark: "var(--ds-surface-overlay, ".concat(DN50, ")")
@@ -22,14 +22,13 @@ var themedBoxShadow = themed({
   dark: "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(DN50A, ", 0 0 1px ").concat(DN60A), ")")
 });
 var borderRadius = getBorderRadius();
-var gridSize = getGridSize();
 var CSS_THEME_BACKGROUND = '--theme-background';
 var CSS_THEME_COLOR = '--theme-color';
 var CSS_THEME_BOX_SHADOW = '--theme-box-shadow';
 var containerStyles = css({
   boxSizing: 'content-box',
-  maxWidth: "".concat(gridSize * 56, "px"),
-  maxHeight: "".concat(gridSize * 56, "px"),
+  maxWidth: "".concat(8 * 56, "px"),
+  maxHeight: "".concat(8 * 56, "px"),
   padding: "var(--ds-space-200, 16px)".concat(" ", "var(--ds-space-300, 24px)"),
   zIndex: layers.dialog(),
   background: "var(".concat(CSS_THEME_BACKGROUND, ")"),

package/dist/esm/version.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/inline-dialog",
-  "version": "13.6.2",
+  "version": "13.6.3",
   "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/"