@atlaskit/editor-plugin-media 1.43.13 → 1.43.14

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-media
 
+## 1.43.14
+
+### Patch Changes
+
+- [#99761](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/99761)
+  [`5198e1423c62c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5198e1423c62c) -
+  ED-25404 remove extra paragraphs added to media single nodes
+
 ## 1.43.13
 
 ### Patch Changes

package/dist/cjs/nodeviews/mediaNodeUpdater.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createMediaNodeUpdater = exports.MediaNodeUpdater = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
@@ -18,6 +19,8 @@ var _mediaClientReact = require("@atlaskit/media-client-react");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _helpers = require("../pm-plugins/commands/helpers");
 var _batchMediaNodeAttrs = require("../pm-plugins/utils/batchMediaNodeAttrs");
+var _excluded = ["authProvider"],
+  _excluded2 = ["authProvider"];
 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; }
 var isMediaTypeSupported = function isMediaTypeSupported(type) {
@@ -408,76 +411,112 @@ var MediaNodeUpdater = exports.MediaNodeUpdater = /*#__PURE__*/function () {
         }
       }, _callee9);
     })));
-    (0, _defineProperty2.default)(this, "copyNodeFromBlobUrl", /*#__PURE__*/function () {
-      var _ref11 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee10(getPos) {
-        var attrs, url, mediaAttrs, mediaProvider, currentCollectionName, contextId, id, collection, height, width, mimeType, name, size, uploadMediaClientConfig, mediaClient, auth, source, destination, mediaFile, pos;
+    (0, _defineProperty2.default)(this, "handleCopyFileSwitcher", /*#__PURE__*/function () {
+      var _ref11 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee10(attrs) {
+        var mediaClient, source, destination, traceContext, _sourceAP, copyV2Source, _destAP, copyV2Destination, _yield$mediaClient$fi, id, _yield$mediaClient$fi2, _id;
         return _regenerator.default.wrap(function _callee10$(_context10) {
           while (1) switch (_context10.prev = _context10.next) {
+            case 0:
+              mediaClient = attrs.mediaClient, source = attrs.source, destination = attrs.destination, traceContext = attrs.traceContext;
+              if (!(0, _platformFeatureFlags.fg)('platform_media_copy_and_paste_v2')) {
+                _context10.next = 11;
+                break;
+              }
+              // don't need authProviders for v2 copy
+              _sourceAP = source.authProvider, copyV2Source = (0, _objectWithoutProperties2.default)(source, _excluded);
+              _destAP = destination.authProvider, copyV2Destination = (0, _objectWithoutProperties2.default)(destination, _excluded2);
+              _context10.next = 6;
+              return mediaClient.file.copyFile(copyV2Source, copyV2Destination, undefined, traceContext);
+            case 6:
+              _yield$mediaClient$fi = _context10.sent;
+              id = _yield$mediaClient$fi.id;
+              return _context10.abrupt("return", id);
+            case 11:
+              _context10.next = 13;
+              return mediaClient.file.copyFile(source, destination, undefined, traceContext);
+            case 13:
+              _yield$mediaClient$fi2 = _context10.sent;
+              _id = _yield$mediaClient$fi2.id;
+              return _context10.abrupt("return", _id);
+            case 16:
+            case "end":
+              return _context10.stop();
+          }
+        }, _callee10);
+      }));
+      return function (_x4) {
+        return _ref11.apply(this, arguments);
+      };
+    }());
+    (0, _defineProperty2.default)(this, "copyNodeFromBlobUrl", /*#__PURE__*/function () {
+      var _ref12 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee11(getPos) {
+        var attrs, url, mediaAttrs, mediaProvider, currentCollectionName, contextId, id, collection, height, width, mimeType, name, size, uploadMediaClientConfig, mediaClient, getAuthFromContext, mediaFileId, pos;
+        return _regenerator.default.wrap(function _callee11$(_context11) {
+          while (1) switch (_context11.prev = _context11.next) {
             case 0:
               attrs = _this.getAttrs();
               if (!(!attrs || attrs.type !== 'external')) {
-                _context10.next = 3;
+                _context11.next = 3;
                 break;
               }
-              return _context10.abrupt("return");
+              return _context11.abrupt("return");
             case 3:
               url = attrs.url;
               mediaAttrs = (0, _mediaClient.getAttrsFromUrl)(url);
               if (mediaAttrs) {
-                _context10.next = 7;
+                _context11.next = 7;
                 break;
               }
-              return _context10.abrupt("return");
+              return _context11.abrupt("return");
             case 7:
-              _context10.next = 9;
+              _context11.next = 9;
               return _this.props.mediaProvider;
             case 9:
-              mediaProvider = _context10.sent;
+              mediaProvider = _context11.sent;
               if (!(!mediaProvider || !mediaProvider.uploadParams)) {
-                _context10.next = 12;
+                _context11.next = 12;
                 break;
               }
-              return _context10.abrupt("return");
+              return _context11.abrupt("return");
             case 12:
               currentCollectionName = mediaProvider.uploadParams.collection;
               contextId = mediaAttrs.contextId, id = mediaAttrs.id, collection = mediaAttrs.collection, height = mediaAttrs.height, width = mediaAttrs.width, mimeType = mediaAttrs.mimeType, name = mediaAttrs.name, size = mediaAttrs.size;
               uploadMediaClientConfig = mediaProvider.uploadMediaClientConfig;
               if (!(!uploadMediaClientConfig || !uploadMediaClientConfig.getAuthFromContext)) {
-                _context10.next = 17;
+                _context11.next = 17;
                 break;
               }
-              return _context10.abrupt("return");
+              return _context11.abrupt("return");
             case 17:
               mediaClient = (0, _mediaClientReact.getMediaClient)(uploadMediaClientConfig);
-              _context10.next = 20;
-              return uploadMediaClientConfig.getAuthFromContext(contextId);
-            case 20:
-              auth = _context10.sent;
-              source = {
-                id: id,
-                collection: collection,
-                authProvider: function authProvider() {
-                  return Promise.resolve(auth);
+              getAuthFromContext = uploadMediaClientConfig.getAuthFromContext;
+              _context11.next = 21;
+              return _this.handleCopyFileSwitcher({
+                mediaClient: mediaClient,
+                source: {
+                  id: id,
+                  collection: collection,
+                  authProvider: function authProvider() {
+                    return getAuthFromContext(contextId);
+                  }
+                },
+                destination: {
+                  collection: currentCollectionName,
+                  authProvider: uploadMediaClientConfig.authProvider,
+                  occurrenceKey: (0, _v.default)()
                 }
-              };
-              destination = {
-                collection: currentCollectionName,
-                authProvider: uploadMediaClientConfig.authProvider,
-                occurrenceKey: (0, _v.default)()
-              };
-              _context10.next = 25;
-              return mediaClient.file.copyFile(source, destination);
-            case 25:
-              mediaFile = _context10.sent;
+              });
+            case 21:
+              mediaFileId = _context11.sent;
               pos = getPos();
               if (!(typeof pos !== 'number')) {
-                _context10.next = 29;
+                _context11.next = 25;
                 break;
               }
-              return _context10.abrupt("return");
-            case 29:
+              return _context11.abrupt("return");
+            case 25:
               (0, _helpers.replaceExternalMedia)(pos + 1, {
-                id: mediaFile.id,
+                id: mediaFileId,
                 collection: currentCollectionName,
                 height: height,
                 width: width,
@@ -485,39 +524,39 @@ var MediaNodeUpdater = exports.MediaNodeUpdater = /*#__PURE__*/function () {
                 __fileMimeType: mimeType,
                 __fileSize: size
               })(_this.props.view.state, _this.props.view.dispatch);
-            case 30:
+            case 26:
             case "end":
-              return _context10.stop();
+              return _context11.stop();
           }
-        }, _callee10);
+        }, _callee11);
       }));
-      return function (_x4) {
-        return _ref11.apply(this, arguments);
+      return function (_x5) {
+        return _ref12.apply(this, arguments);
       };
     }());
     // Copies the pasted node into the current collection using a getPos handler
     (0, _defineProperty2.default)(this, "copyNodeFromPos", /*#__PURE__*/function () {
-      var _ref12 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee11(getPos, traceContext) {
+      var _ref13 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee12(getPos, traceContext) {
         var attrs, copiedAttrs;
-        return _regenerator.default.wrap(function _callee11$(_context11) {
-          while (1) switch (_context11.prev = _context11.next) {
+        return _regenerator.default.wrap(function _callee12$(_context12) {
+          while (1) switch (_context12.prev = _context12.next) {
             case 0:
               attrs = _this.getAttrs();
               if (!(!attrs || attrs && !isMediaTypeSupported(attrs.type))) {
-                _context11.next = 3;
+                _context12.next = 3;
                 break;
               }
-              return _context11.abrupt("return");
+              return _context12.abrupt("return");
             case 3:
-              _context11.next = 5;
+              _context12.next = 5;
               return _this.copyFile(attrs.id, attrs.collection, traceContext);
             case 5:
-              copiedAttrs = _context11.sent;
+              copiedAttrs = _context12.sent;
               if (copiedAttrs) {
-                _context11.next = 8;
+                _context12.next = 8;
                 break;
               }
-              return _context11.abrupt("return");
+              return _context12.abrupt("return");
             case 8:
               (0, _helpers.updateCurrentMediaNodeAttrs)(copiedAttrs, {
                 node: _this.props.node,
@@ -525,113 +564,113 @@ var MediaNodeUpdater = exports.MediaNodeUpdater = /*#__PURE__*/function () {
               })(_this.props.view.state, _this.props.view.dispatch);
             case 9:
             case "end":
-              return _context11.stop();
+              return _context12.stop();
           }
-        }, _callee11);
+        }, _callee12);
       }));
-      return function (_x5, _x6) {
-        return _ref12.apply(this, arguments);
+      return function (_x6, _x7) {
+        return _ref13.apply(this, arguments);
       };
     }());
     // Copies the pasted node into the current collection
     (0, _defineProperty2.default)(this, "copyNode", /*#__PURE__*/function () {
-      var _ref13 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee12(traceContext) {
+      var _ref14 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee13(traceContext) {
         var attrs, view, copiedAttrs;
-        return _regenerator.default.wrap(function _callee12$(_context12) {
-          while (1) switch (_context12.prev = _context12.next) {
+        return _regenerator.default.wrap(function _callee13$(_context13) {
+          while (1) switch (_context13.prev = _context13.next) {
             case 0:
               attrs = _this.getAttrs();
               view = _this.props.view;
               if (!(!attrs || attrs && !isMediaTypeSupported(attrs.type))) {
-                _context12.next = 4;
+                _context13.next = 4;
                 break;
               }
-              return _context12.abrupt("return");
+              return _context13.abrupt("return");
             case 4:
-              _context12.next = 6;
+              _context13.next = 6;
               return _this.copyFile(attrs.id, attrs.collection, traceContext);
             case 6:
-              copiedAttrs = _context12.sent;
+              copiedAttrs = _context13.sent;
               if (copiedAttrs) {
-                _context12.next = 9;
+                _context13.next = 9;
                 break;
               }
-              return _context12.abrupt("return");
+              return _context13.abrupt("return");
             case 9:
               (0, _helpers.updateMediaNodeAttrs)(attrs.id, copiedAttrs)(view.state, view.dispatch);
             case 10:
             case "end":
-              return _context12.stop();
+              return _context13.stop();
           }
-        }, _callee12);
+        }, _callee13);
       }));
-      return function (_x7) {
-        return _ref13.apply(this, arguments);
+      return function (_x8) {
+        return _ref14.apply(this, arguments);
       };
     }());
     (0, _defineProperty2.default)(this, "copyFile", /*#__PURE__*/function () {
-      var _ref14 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee13(id, collection, traceContext) {
-        var mediaProvider, nodeContextId, uploadMediaClientConfig, mediaClient, auth, objectId, source, currentCollectionName, destination, mediaFile;
-        return _regenerator.default.wrap(function _callee13$(_context13) {
-          while (1) switch (_context13.prev = _context13.next) {
+      var _ref15 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee14(id, collection, traceContext) {
+        var mediaProvider, nodeContextId, uploadMediaClientConfig, mediaClient, currentCollectionName, objectId, getAuthFromContext, mediaFileId;
+        return _regenerator.default.wrap(function _callee14$(_context14) {
+          while (1) switch (_context14.prev = _context14.next) {
             case 0:
-              _context13.next = 2;
+              _context14.next = 2;
               return _this.props.mediaProvider;
             case 2:
-              mediaProvider = _context13.sent;
+              mediaProvider = _context14.sent;
               if (mediaProvider !== null && mediaProvider !== void 0 && mediaProvider.uploadParams) {
-                _context13.next = 5;
+                _context14.next = 5;
                 break;
               }
-              return _context13.abrupt("return");
+              return _context14.abrupt("return");
             case 5:
               nodeContextId = _this.getNodeContextId();
               uploadMediaClientConfig = mediaProvider.uploadMediaClientConfig;
               if (!(!(uploadMediaClientConfig !== null && uploadMediaClientConfig !== void 0 && uploadMediaClientConfig.getAuthFromContext) || !nodeContextId)) {
-                _context13.next = 9;
+                _context14.next = 9;
                 break;
               }
-              return _context13.abrupt("return");
+              return _context14.abrupt("return");
             case 9:
               mediaClient = (0, _mediaClientReact.getMediaClient)(uploadMediaClientConfig);
-              _context13.next = 12;
-              return uploadMediaClientConfig.getAuthFromContext(nodeContextId);
-            case 12:
-              auth = _context13.sent;
-              _context13.next = 15;
-              return _this.getObjectId();
-            case 15:
-              objectId = _context13.sent;
-              source = {
-                id: id,
-                collection: collection,
-                authProvider: function authProvider() {
-                  return Promise.resolve(auth);
-                }
-              };
               currentCollectionName = mediaProvider.uploadParams.collection;
-              destination = {
-                collection: currentCollectionName,
-                authProvider: uploadMediaClientConfig.authProvider,
-                occurrenceKey: (0, _v.default)()
-              };
-              _context13.next = 21;
-              return mediaClient.file.copyFile(source, destination, undefined, traceContext);
-            case 21:
-              mediaFile = _context13.sent;
-              return _context13.abrupt("return", {
-                id: mediaFile.id,
+              _context14.next = 13;
+              return _this.getObjectId();
+            case 13:
+              objectId = _context14.sent;
+              getAuthFromContext = uploadMediaClientConfig.getAuthFromContext;
+              _context14.next = 17;
+              return _this.handleCopyFileSwitcher({
+                mediaClient: mediaClient,
+                source: {
+                  id: id,
+                  collection: collection,
+                  authProvider: function authProvider() {
+                    return getAuthFromContext(nodeContextId);
+                  }
+                },
+                destination: {
+                  collection: currentCollectionName,
+                  authProvider: uploadMediaClientConfig.authProvider,
+                  occurrenceKey: (0, _v.default)()
+                },
+                traceContext: traceContext
+              });
+            case 17:
+              mediaFileId = _context14.sent;
+              return _context14.abrupt("return", {
+                id: mediaFileId,
                 collection: currentCollectionName,
                 __contextId: objectId
               });
-            case 23:
+            case 19:
             case "end":
-              return _context13.stop();
+              return _context14.stop();
           }
-        }, _callee13);
+        }, _callee14);
       }));
-      return function (_x8, _x9, _x10) {
-        return _ref14.apply(this, arguments);
+      return function (_x9, _x10, _x11) {
+        return _ref15.apply(this, arguments);
       };
     }());
     this.props = props;
@@ -650,42 +689,42 @@ var MediaNodeUpdater = exports.MediaNodeUpdater = /*#__PURE__*/function () {
   }, {
     key: "getRemoteDimensions",
     value: function () {
-      var _getRemoteDimensions = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee14() {
+      var _getRemoteDimensions = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee15() {
         var mediaProvider, mediaOptions, attrs, height, width, id, collection, viewMediaClientConfig, mediaClient, currentState, imageMetadata;
-        return _regenerator.default.wrap(function _callee14$(_context14) {
-          while (1) switch (_context14.prev = _context14.next) {
+        return _regenerator.default.wrap(function _callee15$(_context15) {
+          while (1) switch (_context15.prev = _context15.next) {
             case 0:
-              _context14.next = 2;
+              _context15.next = 2;
               return this.props.mediaProvider;
             case 2:
-              mediaProvider = _context14.sent;
+              mediaProvider = _context15.sent;
               mediaOptions = this.props.mediaOptions;
               attrs = this.getAttrs();
               if (!(!mediaProvider || !attrs)) {
-                _context14.next = 7;
+                _context15.next = 7;
                 break;
               }
-              return _context14.abrupt("return", false);
+              return _context15.abrupt("return", false);
             case 7:
               height = attrs.height, width = attrs.width;
               if (!(attrs.type === 'external' || !attrs.id)) {
-                _context14.next = 10;
+                _context15.next = 10;
                 break;
               }
-              return _context14.abrupt("return", false);
+              return _context15.abrupt("return", false);
             case 10:
               id = attrs.id, collection = attrs.collection;
               if (!(height && width)) {
-                _context14.next = 13;
+                _context15.next = 13;
                 break;
               }
-              return _context14.abrupt("return", false);
+              return _context15.abrupt("return", false);
             case 13:
               if (!(mediaOptions && !mediaOptions.allowRemoteDimensionsFetch)) {
-                _context14.next = 15;
+                _context15.next = 15;
                 break;
               }
-              return _context14.abrupt("return", {
+              return _context15.abrupt("return", {
                 id: id,
                 height: _mediaSingle.DEFAULT_IMAGE_HEIGHT,
                 width: _mediaSingle.DEFAULT_IMAGE_WIDTH
@@ -693,40 +732,40 @@ var MediaNodeUpdater = exports.MediaNodeUpdater = /*#__PURE__*/function () {
             case 15:
               viewMediaClientConfig = mediaProvider.viewMediaClientConfig;
               mediaClient = (0, _mediaClientReact.getMediaClient)(viewMediaClientConfig);
-              _context14.next = 19;
+              _context15.next = 19;
               return mediaClient.file.getCurrentState(id, {
                 collectionName: collection
               });
             case 19:
-              currentState = _context14.sent;
+              currentState = _context15.sent;
               if ((0, _mediaClient.isImageRepresentationReady)(currentState)) {
-                _context14.next = 22;
+                _context15.next = 22;
                 break;
               }
-              return _context14.abrupt("return", false);
+              return _context15.abrupt("return", false);
             case 22:
-              _context14.next = 24;
+              _context15.next = 24;
               return mediaClient.getImageMetadata(id, {
                 collection: collection
               });
             case 24:
-              imageMetadata = _context14.sent;
+              imageMetadata = _context15.sent;
               if (!(!imageMetadata || !imageMetadata.original)) {
-                _context14.next = 27;
+                _context15.next = 27;
                 break;
               }
-              return _context14.abrupt("return", false);
+              return _context15.abrupt("return", false);
             case 27:
-              return _context14.abrupt("return", {
+              return _context15.abrupt("return", {
                 id: id,
                 height: imageMetadata.original.height || _mediaSingle.DEFAULT_IMAGE_HEIGHT,
                 width: imageMetadata.original.width || _mediaSingle.DEFAULT_IMAGE_WIDTH
               });
             case 28:
             case "end":
-              return _context14.stop();
+              return _context15.stop();
           }
-        }, _callee14, this);
+        }, _callee15, this);
       }));
       function getRemoteDimensions() {
         return _getRemoteDimensions.apply(this, arguments);
@@ -736,38 +775,38 @@ var MediaNodeUpdater = exports.MediaNodeUpdater = /*#__PURE__*/function () {
   }, {
     key: "handleExternalMedia",
     value: function () {
-      var _handleExternalMedia = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee15(getPos) {
-        return _regenerator.default.wrap(function _callee15$(_context15) {
-          while (1) switch (_context15.prev = _context15.next) {
+      var _handleExternalMedia = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee16(getPos) {
+        return _regenerator.default.wrap(function _callee16$(_context16) {
+          while (1) switch (_context16.prev = _context16.next) {
             case 0:
               if (!this.isMediaBlobUrl()) {
-                _context15.next = 12;
+                _context16.next = 12;
                 break;
               }
-              _context15.prev = 1;
-              _context15.next = 4;
+              _context16.prev = 1;
+              _context16.next = 4;
               return this.copyNodeFromBlobUrl(getPos);
             case 4:
-              _context15.next = 10;
+              _context16.next = 10;
               break;
             case 6:
-              _context15.prev = 6;
-              _context15.t0 = _context15["catch"](1);
-              _context15.next = 10;
+              _context16.prev = 6;
+              _context16.t0 = _context16["catch"](1);
+              _context16.next = 10;
               return this.uploadExternalMedia(getPos);
             case 10:
-              _context15.next = 14;
+              _context16.next = 14;
               break;
             case 12:
-              _context15.next = 14;
+              _context16.next = 14;
               return this.uploadExternalMedia(getPos);
             case 14:
             case "end":
-              return _context15.stop();
+              return _context16.stop();
           }
-        }, _callee15, this, [[1, 6]]);
+        }, _callee16, this, [[1, 6]]);
       }));
-      function handleExternalMedia(_x11) {
+      function handleExternalMedia(_x12) {
         return _handleExternalMedia.apply(this, arguments);
       }
       return handleExternalMedia;

package/dist/cjs/pm-plugins/alt-text/ui/AltTextEdit.js

@@ -36,6 +36,7 @@ var supportTextStyles = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   fontSize: (0, _editorSharedStyles.relativeFontSizeToBase16)(12),
   padding: "var(--ds-space-150, 12px)".concat(" ", "var(--ds-space-500, 40px)"),
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '20px',
   borderTop: "1px solid ".concat("var(--ds-border, ".concat(_colors.N30, ")")),
   margin: 0
@@ -46,16 +47,19 @@ var containerStyles = (0, _react2.css)({
   display: 'flex',
   flexDirection: 'column',
   overflow: 'auto',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: 2
 });
 var inputWrapperStyles = (0, _react2.css)({
   display: 'flex',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: 0,
   padding: "var(--ds-space-075, 6px)".concat(" 0"),
   alignItems: 'center'
 });
 var validationWrapperStyles = (0, _react2.css)({
   display: 'flex',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: 0,
   padding: "var(--ds-space-150, 12px)".concat(" ", "var(--ds-space-300, 24px)", " ", "var(--ds-space-150, 12px)", " 0"),
   margin: "0 ".concat("var(--ds-space-150, 12px)", " 0 ", "var(--ds-space-500, 40px)"),