@atlaskit/editor-extension-dropbox 0.2.25 → 0.2.26

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/editor-extension-dropbox
 
+## 0.2.26
+
+### Patch Changes
+
+- [`55256125722`](https://bitbucket.org/atlassian/atlassian-frontend/commits/55256125722) - ED-14262 update editor packages to use emotion 11
+- Updated dependencies
+
 ## 0.2.25
 
 ### Patch Changes

package/dist/cjs/modal.js

@@ -17,7 +17,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _chromatism = _interopRequireDefault(require("chromatism"));
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
 
@@ -42,7 +42,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var gridSize = (0, _constants.gridSize)();
 
 var ModalBody = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  return (0, _core.jsx)("div", {
+  return (0, _react2.jsx)("div", {
     ref: ref,
     style: {
       height: '100%'
@@ -71,7 +71,7 @@ var hexToRGBA = function hexToRGBA(hex) {
   return "rgba(".concat(Object.values(rgba).join(', '), ")");
 };
 
-var bottomShadow = {
+var bottomShadow = (0, _react2.css)({
   display: 'flex',
   justifyContent: 'space-between',
   alignItems: 'baseline',
@@ -84,7 +84,7 @@ var bottomShadow = {
     height: gridSize / 2,
     background: "linear-gradient(180deg, ".concat(_colors.N40A, " 0, ").concat(_colors.N40A, " 1px, ").concat(_colors.N30A, " 1px, ").concat(hexToRGBA(_colors.N900, 0), " 4px)")
   }
-};
+});
 var spacingDivStyle = {
   width: '28px'
 };
@@ -97,16 +97,16 @@ var Header = function Header() {
       onClose = _useModal.onClose,
       titleId = _useModal.titleId;
 
-  return (0, _core.jsx)("div", {
+  return (0, _react2.jsx)("div", {
     css: bottomShadow
-  }, (0, _core.jsx)("div", {
+  }, (0, _react2.jsx)("div", {
     css: spacingDivStyle
-  }), (0, _core.jsx)("h5", {
+  }), (0, _react2.jsx)("h5", {
     id: titleId,
     css: headingStyle
-  }, "Dropbox"), (0, _core.jsx)("div", null, (0, _core.jsx)(_customThemeButton.default, {
+  }, "Dropbox"), (0, _react2.jsx)("div", null, (0, _react2.jsx)(_customThemeButton.default, {
     appearance: "subtle",
-    iconBefore: (0, _core.jsx)(_close.default, {
+    iconBefore: (0, _react2.jsx)(_close.default, {
       label: "close dropbox modal"
     }),
     onClick: onClose
@@ -127,7 +127,7 @@ var Modal = function Modal(_ref) {
     setIsOpen(showModal);
   }
 
-  return (0, _core.jsx)(_modalDialog.ModalTransition, null, isOpen && (0, _core.jsx)(_modalDialog.default, {
+  return (0, _react2.jsx)(_modalDialog.ModalTransition, null, isOpen && (0, _react2.jsx)(_modalDialog.default, {
     height: "100%",
     width: "large",
     onClose: function onClose() {
@@ -135,12 +135,12 @@ var Modal = function Modal(_ref) {
 
       _onClose();
     }
-  }, (0, _core.jsx)(Header, null), (0, _core.jsx)(_modalDialog.ModalBody, null, (0, _core.jsx)(ModalBody, null, TEST_ONLY_src ? (0, _core.jsx)("iframe", {
+  }, (0, _react2.jsx)(Header, null), (0, _react2.jsx)(_modalDialog.ModalBody, null, (0, _react2.jsx)(ModalBody, null, TEST_ONLY_src ? (0, _react2.jsx)("iframe", {
     css: iframeStyle,
     name: _constants2.DROPBOX_IFRAME_NAME,
     frameBorder: 0,
     src: TEST_ONLY_src
-  }) : (0, _core.jsx)("iframe", {
+  }) : (0, _react2.jsx)("iframe", {
     css: iframeStyle,
     name: _constants2.DROPBOX_IFRAME_NAME,
     frameBorder: 0

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-extension-dropbox",
-	"version": "0.2.25",
+	"version": "0.2.26",
 	"sideEffects": false
 }

package/dist/es2019/modal.js

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import React, { useState } from 'react';
 import chromatism from 'chromatism';
-import { jsx } from '@emotion/core';
+import { jsx, css } from '@emotion/react';
 import ModalDialog, { ModalTransition, useModal, ModalBody as AKModalBody } from '@atlaskit/modal-dialog';
 import EditorCloseIcon from '@atlaskit/icon/glyph/editor/close';
 import Button from '@atlaskit/button/custom-theme-button';
@@ -37,7 +37,7 @@ const hexToRGBA = (hex, opacity = 1) => {
   return `rgba(${Object.values(rgba).join(', ')})`;
 };
 
-const bottomShadow = {
+const bottomShadow = css({
   display: 'flex',
   justifyContent: 'space-between',
   alignItems: 'baseline',
@@ -50,7 +50,7 @@ const bottomShadow = {
     height: gridSize / 2,
     background: `linear-gradient(180deg, ${N40A} 0, ${N40A} 1px, ${N30A} 1px, ${hexToRGBA(N900, 0)} 4px)`
   }
-};
+});
 const spacingDivStyle = {
   width: '28px'
 };

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-extension-dropbox",
-	"version": "0.2.25",
+	"version": "0.2.26",
 	"sideEffects": false
 }

package/dist/esm/modal.js

@@ -8,7 +8,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 /** @jsx jsx */
 import React, { useState } from 'react';
 import chromatism from 'chromatism';
-import { jsx } from '@emotion/core';
+import { jsx, css } from '@emotion/react';
 import ModalDialog, { ModalTransition, useModal, ModalBody as AKModalBody } from '@atlaskit/modal-dialog';
 import EditorCloseIcon from '@atlaskit/icon/glyph/editor/close';
 import Button from '@atlaskit/button/custom-theme-button';
@@ -45,7 +45,7 @@ var hexToRGBA = function hexToRGBA(hex) {
   return "rgba(".concat(Object.values(rgba).join(', '), ")");
 };
 
-var bottomShadow = {
+var bottomShadow = css({
   display: 'flex',
   justifyContent: 'space-between',
   alignItems: 'baseline',
@@ -58,7 +58,7 @@ var bottomShadow = {
     height: gridSize / 2,
     background: "linear-gradient(180deg, ".concat(N40A, " 0, ").concat(N40A, " 1px, ").concat(N30A, " 1px, ").concat(hexToRGBA(N900, 0), " 4px)")
   }
-};
+});
 var spacingDivStyle = {
   width: '28px'
 };

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-extension-dropbox",
-	"version": "0.2.25",
+	"version": "0.2.26",
 	"sideEffects": false
 }

package/dist/types/modal.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import { jsx } from '@emotion/react';
 declare const Modal: ({ onClose, TEST_ONLY_src, showModal, }: {
     onClose: () => any;
     TEST_ONLY_src?: string | undefined;
     showModal?: boolean | undefined;
-}) => JSX.Element;
+}) => jsx.JSX.Element;
 export default Modal;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-extension-dropbox",
-  "version": "0.2.25",
+  "version": "0.2.26",
   "description": "A an atlassian editor extension to add a native dropbox picker",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -25,13 +25,13 @@
   },
   "dependencies": {
     "@atlaskit/adf-utils": "^16.0.0",
-    "@atlaskit/button": "^16.0.0",
-    "@atlaskit/editor-common": "^64.0.0",
+    "@atlaskit/button": "^16.2.0",
+    "@atlaskit/editor-common": "^65.0.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/modal-dialog": "^12.2.0",
     "@atlaskit/theme": "^12.1.0",
     "@babel/runtime": "^7.0.0",
-    "@emotion/core": "^10.0.9",
+    "@emotion/react": "^11.7.1",
     "chromatism": "^2.6.0"
   },
   "peerDependencies": {