@atlaskit/inline-dialog 13.6.7 → 14.0.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/inline-dialog
 
+## 14.0.0
+
+### Major Changes
+
+- [#41791](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41791) [`ec7c2a38247`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ec7c2a38247) - Removed all remaining legacy theming logic from the Calendar, Form, InlineDialog, InlineEdit and InlineMessage components.
+
+## 13.6.8
+
+### Patch Changes
+
+- [#41990](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41990) [`7a88114cef7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7a88114cef7) - added type dependency for @types/react-node-resolver
+
 ## 13.6.7
 
 ### 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.7";
+var packageVersion = "14.0.0";
 var checkIsChildOfPortal = function checkIsChildOfPortal(node) {
   if (!node) {
     return false;
@@ -153,7 +153,7 @@ var InlineDialog = exports.InlineDialogWithoutAnalytics = /*#__PURE__*/(0, _reac
           ref.current = node;
         }
       }
-    }, children);
+    }, (0, _react2.jsx)(_react.default.Fragment, null, children));
   }), popper);
 });
 InlineDialog.displayName = 'InlineDialog';

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

@@ -10,24 +10,11 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 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(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /* eslint-disable jsx-a11y/no-static-element-interactions */ /* eslint-disable jsx-a11y/click-events-have-key-events */ /** @jsx jsx */
-var themedBackground = (0, _components.themed)({
-  light: "var(--ds-surface-overlay, ".concat(_colors.N0, ")"),
-  dark: "var(--ds-surface-overlay, ".concat(_colors.DN50, ")")
-});
-var themedColor = (0, _components.themed)({
-  light: "var(--ds-text, ".concat(_colors.N900, ")"),
-  dark: "var(--ds-text, ".concat(_colors.DN600, ")")
-});
-var themedBoxShadow = (0, _components.themed)({
-  light: "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")"),
-  dark: "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.DN50A, ", 0 0 1px ").concat(_colors.DN60A), ")")
-});
 var CSS_THEME_BACKGROUND = '--theme-background';
 var CSS_THEME_COLOR = '--theme-color';
 var CSS_THEME_BOX_SHADOW = '--theme-box-shadow';
@@ -60,7 +47,6 @@ var Container = exports.Container = /*#__PURE__*/(0, _react.forwardRef)(function
     onFocus = _ref.onFocus,
     style = _ref.style,
     testId = _ref.testId;
-  var theme = (0, _components.useGlobalTheme)();
   return (0, _react2.jsx)("div", {
     css: containerStyles,
     "data-testid": testId,
@@ -68,6 +54,6 @@ var Container = exports.Container = /*#__PURE__*/(0, _react.forwardRef)(function
     onClick: onClick,
     onFocus: onFocus,
     ref: ref,
-    style: _objectSpread((_objectSpread2 = {}, (0, _defineProperty2.default)(_objectSpread2, CSS_THEME_BACKGROUND, themedBackground(theme)), (0, _defineProperty2.default)(_objectSpread2, CSS_THEME_COLOR, themedColor(theme)), (0, _defineProperty2.default)(_objectSpread2, CSS_THEME_BOX_SHADOW, themedBoxShadow(theme)), _objectSpread2), style)
+    style: _objectSpread((_objectSpread2 = {}, (0, _defineProperty2.default)(_objectSpread2, CSS_THEME_BACKGROUND, "var(--ds-surface-overlay, ".concat(_colors.N0, ")")), (0, _defineProperty2.default)(_objectSpread2, CSS_THEME_COLOR, "var(--ds-text, ".concat(_colors.N900, ")")), (0, _defineProperty2.default)(_objectSpread2, CSS_THEME_BOX_SHADOW, "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")")), _objectSpread2), style)
   }, children);
 });

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.7";
+const packageVersion = "14.0.0";
 const checkIsChildOfPortal = node => {
   if (!node) {
     return false;
@@ -137,7 +137,7 @@ const InlineDialog = /*#__PURE__*/memo(function InlineDialog({
         ref.current = node;
       }
     }
-  }, children)), popper);
+  }, jsx(React.Fragment, null, children))), popper);
 });
 InlineDialog.displayName = 'InlineDialog';
 export { InlineDialog as InlineDialogWithoutAnalytics };

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

@@ -3,21 +3,8 @@
 /** @jsx jsx */
 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 { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
-const themedBackground = themed({
-  light: `var(--ds-surface-overlay, ${N0})`,
-  dark: `var(--ds-surface-overlay, ${DN50})`
-});
-const themedColor = themed({
-  light: `var(--ds-text, ${N900})`,
-  dark: `var(--ds-text, ${DN600})`
-});
-const themedBoxShadow = themed({
-  light: `var(--ds-shadow-overlay, ${`0 4px 8px -2px ${N50A}, 0 0 1px ${N60A}`})`,
-  dark: `var(--ds-shadow-overlay, ${`0 4px 8px -2px ${DN50A}, 0 0 1px ${DN60A}`})`
-});
 const CSS_THEME_BACKGROUND = '--theme-background';
 const CSS_THEME_COLOR = '--theme-color';
 const CSS_THEME_BOX_SHADOW = '--theme-box-shadow';
@@ -50,7 +37,6 @@ export const Container = /*#__PURE__*/forwardRef(({
   style,
   testId
 }, ref) => {
-  const theme = useGlobalTheme();
   return jsx("div", {
     css: containerStyles,
     "data-testid": testId,
@@ -59,9 +45,9 @@ export const Container = /*#__PURE__*/forwardRef(({
     onFocus: onFocus,
     ref: ref,
     style: {
-      [CSS_THEME_BACKGROUND]: themedBackground(theme),
-      [CSS_THEME_COLOR]: themedColor(theme),
-      [CSS_THEME_BOX_SHADOW]: themedBoxShadow(theme),
+      [CSS_THEME_BACKGROUND]: `var(--ds-surface-overlay, ${N0})`,
+      [CSS_THEME_COLOR]: `var(--ds-text, ${N900})`,
+      [CSS_THEME_BOX_SHADOW]: `var(--ds-shadow-overlay, ${`0 4px 8px -2px ${N50A}, 0 0 1px ${N60A}`})`,
       ...style
     }
   }, children);

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.7";
+var packageVersion = "14.0.0";
 var checkIsChildOfPortal = function checkIsChildOfPortal(node) {
   if (!node) {
     return false;
@@ -142,7 +142,7 @@ var InlineDialog = /*#__PURE__*/memo(function InlineDialog(_ref) {
           ref.current = node;
         }
       }
-    }, children);
+    }, jsx(React.Fragment, null, children));
   }), popper);
 });
 InlineDialog.displayName = 'InlineDialog';

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

@@ -6,21 +6,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 /** @jsx jsx */
 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 { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
-var themedBackground = themed({
-  light: "var(--ds-surface-overlay, ".concat(N0, ")"),
-  dark: "var(--ds-surface-overlay, ".concat(DN50, ")")
-});
-var themedColor = themed({
-  light: "var(--ds-text, ".concat(N900, ")"),
-  dark: "var(--ds-text, ".concat(DN600, ")")
-});
-var themedBoxShadow = themed({
-  light: "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")"),
-  dark: "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(DN50A, ", 0 0 1px ").concat(DN60A), ")")
-});
 var CSS_THEME_BACKGROUND = '--theme-background';
 var CSS_THEME_COLOR = '--theme-color';
 var CSS_THEME_BOX_SHADOW = '--theme-box-shadow';
@@ -53,7 +40,6 @@ export var Container = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onFocus = _ref.onFocus,
     style = _ref.style,
     testId = _ref.testId;
-  var theme = useGlobalTheme();
   return jsx("div", {
     css: containerStyles,
     "data-testid": testId,
@@ -61,6 +47,6 @@ export var Container = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onClick: onClick,
     onFocus: onFocus,
     ref: ref,
-    style: _objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, CSS_THEME_BACKGROUND, themedBackground(theme)), _defineProperty(_objectSpread2, CSS_THEME_COLOR, themedColor(theme)), _defineProperty(_objectSpread2, CSS_THEME_BOX_SHADOW, themedBoxShadow(theme)), _objectSpread2), style)
+    style: _objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, CSS_THEME_BACKGROUND, "var(--ds-surface-overlay, ".concat(N0, ")")), _defineProperty(_objectSpread2, CSS_THEME_COLOR, "var(--ds-text, ".concat(N900, ")")), _defineProperty(_objectSpread2, CSS_THEME_BOX_SHADOW, "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")")), _objectSpread2), style)
   }, children);
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/inline-dialog",
-  "version": "13.6.7",
+  "version": "14.0.0",
   "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/"
@@ -41,7 +41,7 @@
     "@atlaskit/ds-lib": "^2.2.0",
     "@atlaskit/popper": "^5.5.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.26.0",
+    "@atlaskit/tokens": "^1.28.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "bind-event-listener": "^2.1.1",
@@ -52,8 +52,9 @@
   },
   "devDependencies": {
     "@af/accessibility-testing": "*",
+    "@af/integration-testing": "*",
     "@af/visual-regression": "*",
-    "@atlaskit/button": "^16.10.0",
+    "@atlaskit/button": "^16.13.0",
     "@atlaskit/datetime-picker": "^12.10.0",
     "@atlaskit/docs": "*",
     "@atlaskit/modal-dialog": "^12.8.0",
@@ -64,6 +65,7 @@
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@testing-library/react": "^12.1.5",
+    "@types/react-node-resolver": "^2.0.0",
     "react-dom": "^16.8.0",
     "react-lorem-component": "^0.13.0",
     "typescript": "~4.9.5",