@atlaskit/help 7.1.26 → 7.2.0

package/dist/cjs/components/contexts/navigationContext.js

@@ -267,67 +267,65 @@ var NavigationContextProvider = function NavigationContextProvider(_ref4) {
     var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(historyItem) {
       var article;
       return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              _context.t0 = historyItem.type;
-              _context.next = _context.t0 === _Help.ARTICLE_TYPE.HELP_ARTICLE ? 4 : _context.t0 === _Help.ARTICLE_TYPE.WHATS_NEW ? 10 : 18;
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            _context.t0 = historyItem.type;
+            _context.next = _context.t0 === _Help.ARTICLE_TYPE.HELP_ARTICLE ? 4 : _context.t0 === _Help.ARTICLE_TYPE.WHATS_NEW ? 10 : 18;
+            break;
+          case 4:
+            if (onGetHelpArticle) {
+              _context.next = 6;
               break;
-            case 4:
-              if (onGetHelpArticle) {
-                _context.next = 6;
-                break;
-              }
-              throw new Error('onGetHelpArticle prop not defined');
-            case 6:
-              _context.next = 8;
-              return onGetHelpArticle({
-                id: historyItem.id,
-                type: historyItem.type
-              });
-            case 8:
-              article = _context.sent;
-              return _context.abrupt("break", 20);
-            case 10:
-              if (onGetWhatsNewArticle) {
-                _context.next = 12;
-                break;
-              }
-              throw new Error('onGetWhatsNewArticle prop not defined');
-            case 12:
-              if (!(historyItem.id === '')) {
-                _context.next = 14;
-                break;
-              }
-              return _context.abrupt("break", 20);
-            case 14:
-              _context.next = 16;
-              return onGetWhatsNewArticle({
-                id: historyItem.id,
-                type: historyItem.type
-              });
-            case 16:
-              article = _context.sent;
-              return _context.abrupt("break", 20);
-            case 18:
-              throw new Error('onGetHelpArticle prop not defined');
-            case 20:
-              return _context.abrupt("return", _objectSpread(_objectSpread(_objectSpread({}, historyItem), article && {
-                article: article
-              }), {}, {
-                state: _Requests.REQUEST_STATE.done
-              }));
-            case 23:
-              _context.prev = 23;
-              _context.t1 = _context["catch"](0);
-              return _context.abrupt("return", _objectSpread(_objectSpread({}, historyItem), {}, {
-                state: _Requests.REQUEST_STATE.error
-              }));
-            case 26:
-            case "end":
-              return _context.stop();
-          }
+            }
+            throw new Error('onGetHelpArticle prop not defined');
+          case 6:
+            _context.next = 8;
+            return onGetHelpArticle({
+              id: historyItem.id,
+              type: historyItem.type
+            });
+          case 8:
+            article = _context.sent;
+            return _context.abrupt("break", 20);
+          case 10:
+            if (onGetWhatsNewArticle) {
+              _context.next = 12;
+              break;
+            }
+            throw new Error('onGetWhatsNewArticle prop not defined');
+          case 12:
+            if (!(historyItem.id === '')) {
+              _context.next = 14;
+              break;
+            }
+            return _context.abrupt("break", 20);
+          case 14:
+            _context.next = 16;
+            return onGetWhatsNewArticle({
+              id: historyItem.id,
+              type: historyItem.type
+            });
+          case 16:
+            article = _context.sent;
+            return _context.abrupt("break", 20);
+          case 18:
+            throw new Error('onGetHelpArticle prop not defined');
+          case 20:
+            return _context.abrupt("return", _objectSpread(_objectSpread(_objectSpread({}, historyItem), article && {
+              article: article
+            }), {}, {
+              state: _Requests.REQUEST_STATE.done
+            }));
+          case 23:
+            _context.prev = 23;
+            _context.t1 = _context["catch"](0);
+            return _context.abrupt("return", _objectSpread(_objectSpread({}, historyItem), {}, {
+              state: _Requests.REQUEST_STATE.error
+            }));
+          case 26:
+          case "end":
+            return _context.stop();
         }
       }, _callee, null, [[0, 23]]);
     }));
@@ -339,23 +337,21 @@ var NavigationContextProvider = function NavigationContextProvider(_ref4) {
     var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(historyItem) {
       var historyItemToReload;
       return _regenerator.default.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              historyItemToReload = _objectSpread({}, historyItem);
-              if (historyItem.type === _Help.ARTICLE_TYPE.HELP_ARTICLE || historyItem.type === _Help.ARTICLE_TYPE.WHATS_NEW) {
-                historyItemToReload.state = _Requests.REQUEST_STATE.loading;
-              } else {
-                historyItemToReload.state = _Requests.REQUEST_STATE.error;
-              }
-              dispatchNavigationAction({
-                type: 'updateHistoryItem',
-                payload: historyItemToReload
-              });
-            case 3:
-            case "end":
-              return _context2.stop();
-          }
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            historyItemToReload = _objectSpread({}, historyItem);
+            if (historyItem.type === _Help.ARTICLE_TYPE.HELP_ARTICLE || historyItem.type === _Help.ARTICLE_TYPE.WHATS_NEW) {
+              historyItemToReload.state = _Requests.REQUEST_STATE.loading;
+            } else {
+              historyItemToReload.state = _Requests.REQUEST_STATE.error;
+            }
+            dispatchNavigationAction({
+              type: 'updateHistoryItem',
+              payload: historyItemToReload
+            });
+          case 3:
+          case "end":
+            return _context2.stop();
         }
       }, _callee2);
     }));
@@ -365,45 +361,43 @@ var NavigationContextProvider = function NavigationContextProvider(_ref4) {
   }(), []);
   var navigateBack = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
     return _regenerator.default.wrap(function _callee3$(_context3) {
-      while (1) {
-        switch (_context3.prev = _context3.next) {
-          case 0:
-            if (!(currentView === _constants.VIEW.SEARCH && onSearch)) {
-              _context3.next = 8;
-              break;
-            }
-            if (!(searchValue !== '')) {
-              _context3.next = 6;
-              break;
-            }
-            onSearch('');
-            return _context3.abrupt("return");
-          case 6:
-            dispatchNavigationAction({
-              type: 'updateView',
-              payload: currentArticleId.type
-            });
-            return _context3.abrupt("return");
-          case 8:
-            //  if the history is not empty and ...
-            if (currentHistory.length > 0) {
-              // the history has more than one article, navigate back through the history
-              if (currentHistory.length > 1) {
-                // Remove last element
-                dispatchNavigationAction({
-                  type: 'removeLastHistoryItem'
-                });
-              } else if (currentHistory.length === 1) {
-                // but if the history only has one item, clear the history
-                dispatchNavigationAction({
-                  type: 'removeAllHistoryItems'
-                });
-              }
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          if (!(currentView === _constants.VIEW.SEARCH && onSearch)) {
+            _context3.next = 8;
+            break;
+          }
+          if (!(searchValue !== '')) {
+            _context3.next = 6;
+            break;
+          }
+          onSearch('');
+          return _context3.abrupt("return");
+        case 6:
+          dispatchNavigationAction({
+            type: 'updateView',
+            payload: currentArticleId.type
+          });
+          return _context3.abrupt("return");
+        case 8:
+          //  if the history is not empty and ...
+          if (currentHistory.length > 0) {
+            // the history has more than one article, navigate back through the history
+            if (currentHistory.length > 1) {
+              // Remove last element
+              dispatchNavigationAction({
+                type: 'removeLastHistoryItem'
+              });
+            } else if (currentHistory.length === 1) {
+              // but if the history only has one item, clear the history
+              dispatchNavigationAction({
+                type: 'removeAllHistoryItems'
+              });
             }
-          case 9:
-          case "end":
-            return _context3.stop();
-        }
+          }
+        case 9:
+        case "end":
+          return _context3.stop();
       }
     }, _callee3);
   })), [currentView, onSearch, currentHistory.length, searchValue, currentArticleId.type]);
@@ -486,21 +480,19 @@ var NavigationContextProvider = function NavigationContextProvider(_ref4) {
       var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(historyItem) {
         var historyItemUpdate;
         return _regenerator.default.wrap(function _callee4$(_context4) {
-          while (1) {
-            switch (_context4.prev = _context4.next) {
-              case 0:
-                _context4.next = 2;
-                return fetchArticleData(historyItem);
-              case 2:
-                historyItemUpdate = _context4.sent;
-                dispatchNavigationAction({
-                  type: 'updateHistoryItem',
-                  payload: historyItemUpdate
-                });
-              case 4:
-              case "end":
-                return _context4.stop();
-            }
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              _context4.next = 2;
+              return fetchArticleData(historyItem);
+            case 2:
+              historyItemUpdate = _context4.sent;
+              dispatchNavigationAction({
+                type: 'updateHistoryItem',
+                payload: historyItemUpdate
+              });
+            case 4:
+            case "end":
+              return _context4.stop();
           }
         }, _callee4);
       }));

package/dist/cjs/components/contexts/searchContext.js

@@ -52,37 +52,35 @@ var SearchContextProvider = function SearchContextProvider(_ref) {
       results,
       _args = arguments;
     return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            value = _args.length > 0 && _args[0] !== undefined ? _args[0] : '';
-            if (!onSearch) {
-              _context.next = 16;
-              break;
-            }
-            _context.prev = 2;
-            _context.next = 5;
-            return onSearch(value);
-          case 5:
-            results = _context.sent;
-            setSearchResult(results);
-            setSearchState(_Requests.REQUEST_STATE.done);
-            _context.next = 14;
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          value = _args.length > 0 && _args[0] !== undefined ? _args[0] : '';
+          if (!onSearch) {
+            _context.next = 16;
             break;
-          case 10:
-            _context.prev = 10;
-            _context.t0 = _context["catch"](2);
-            setSearchResult([]);
-            setSearchState(_Requests.REQUEST_STATE.error);
-          case 14:
-            _context.next = 17;
-            break;
-          case 16:
-            setSearchState(_Requests.REQUEST_STATE.error);
-          case 17:
-          case "end":
-            return _context.stop();
-        }
+          }
+          _context.prev = 2;
+          _context.next = 5;
+          return onSearch(value);
+        case 5:
+          results = _context.sent;
+          setSearchResult(results);
+          setSearchState(_Requests.REQUEST_STATE.done);
+          _context.next = 14;
+          break;
+        case 10:
+          _context.prev = 10;
+          _context.t0 = _context["catch"](2);
+          setSearchResult([]);
+          setSearchState(_Requests.REQUEST_STATE.error);
+        case 14:
+          _context.next = 17;
+          break;
+        case 16:
+          setSearchState(_Requests.REQUEST_STATE.error);
+        case 17:
+        case "end":
+          return _context.stop();
       }
     }, _callee, null, [[2, 10]]);
   })), [onSearch]);

package/dist/cjs/components/contexts/whatsNewArticleContext.js

@@ -52,61 +52,59 @@ var WhatsNewArticleProvider = function WhatsNewArticleProvider(_ref) {
       _results,
       _args = arguments;
     return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            filter = _args.length > 0 && _args[0] !== undefined ? _args[0] : '';
-            numberOfItems = _args.length > 1 && _args[1] !== undefined ? _args[1] : _constants.NUMBER_OF_WHATS_NEW_ITEMS_PER_PAGE;
-            page = _args.length > 2 && _args[2] !== undefined ? _args[2] : '';
-            setWhatsNewSearchType(filter);
-            if (!onSearchWhatsNewArticles) {
-              _context.next = 28;
-              break;
-            }
-            _context.prev = 5;
-            setSearchWhatsNewArticlesState(_Requests.REQUEST_STATE.loading);
-            // If the filter type hasn't change, then we are loading an extra page
-            if (!(filter === whatsNewSearchType && page !== '')) {
-              _context.next = 14;
-              break;
-            }
-            _context.next = 10;
-            return onSearchWhatsNewArticles(filter, numberOfItems, page);
-          case 10:
-            results = _context.sent;
-            setSearchWhatsNewArticlesResult({
-              articles: [].concat((0, _toConsumableArray2.default)(searchWhatsNewArticlesResult !== null && searchWhatsNewArticlesResult !== void 0 && searchWhatsNewArticlesResult.articles ? searchWhatsNewArticlesResult.articles : []), (0, _toConsumableArray2.default)(results.articles)),
-              hasNextPage: results.hasNextPage,
-              nextPage: results.nextPage
-            });
-            _context.next = 19;
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          filter = _args.length > 0 && _args[0] !== undefined ? _args[0] : '';
+          numberOfItems = _args.length > 1 && _args[1] !== undefined ? _args[1] : _constants.NUMBER_OF_WHATS_NEW_ITEMS_PER_PAGE;
+          page = _args.length > 2 && _args[2] !== undefined ? _args[2] : '';
+          setWhatsNewSearchType(filter);
+          if (!onSearchWhatsNewArticles) {
+            _context.next = 28;
             break;
-          case 14:
-            // new search
-            setSearchWhatsNewArticlesResult(null);
-            _context.next = 17;
-            return onSearchWhatsNewArticles(filter, numberOfItems, page);
-          case 17:
-            _results = _context.sent;
-            setSearchWhatsNewArticlesResult(_results);
-          case 19:
-            setSearchWhatsNewArticlesState(_Requests.REQUEST_STATE.done);
-            _context.next = 26;
+          }
+          _context.prev = 5;
+          setSearchWhatsNewArticlesState(_Requests.REQUEST_STATE.loading);
+          // If the filter type hasn't change, then we are loading an extra page
+          if (!(filter === whatsNewSearchType && page !== '')) {
+            _context.next = 14;
             break;
-          case 22:
-            _context.prev = 22;
-            _context.t0 = _context["catch"](5);
-            setSearchWhatsNewArticlesResult(null);
-            setSearchWhatsNewArticlesState(_Requests.REQUEST_STATE.error);
-          case 26:
-            _context.next = 29;
-            break;
-          case 28:
-            setSearchWhatsNewArticlesState(_Requests.REQUEST_STATE.error);
-          case 29:
-          case "end":
-            return _context.stop();
-        }
+          }
+          _context.next = 10;
+          return onSearchWhatsNewArticles(filter, numberOfItems, page);
+        case 10:
+          results = _context.sent;
+          setSearchWhatsNewArticlesResult({
+            articles: [].concat((0, _toConsumableArray2.default)(searchWhatsNewArticlesResult !== null && searchWhatsNewArticlesResult !== void 0 && searchWhatsNewArticlesResult.articles ? searchWhatsNewArticlesResult.articles : []), (0, _toConsumableArray2.default)(results.articles)),
+            hasNextPage: results.hasNextPage,
+            nextPage: results.nextPage
+          });
+          _context.next = 19;
+          break;
+        case 14:
+          // new search
+          setSearchWhatsNewArticlesResult(null);
+          _context.next = 17;
+          return onSearchWhatsNewArticles(filter, numberOfItems, page);
+        case 17:
+          _results = _context.sent;
+          setSearchWhatsNewArticlesResult(_results);
+        case 19:
+          setSearchWhatsNewArticlesState(_Requests.REQUEST_STATE.done);
+          _context.next = 26;
+          break;
+        case 22:
+          _context.prev = 22;
+          _context.t0 = _context["catch"](5);
+          setSearchWhatsNewArticlesResult(null);
+          setSearchWhatsNewArticlesState(_Requests.REQUEST_STATE.error);
+        case 26:
+          _context.next = 29;
+          break;
+        case 28:
+          setSearchWhatsNewArticlesState(_Requests.REQUEST_STATE.error);
+        case 29:
+        case "end":
+          return _context.stop();
       }
     }, _callee, null, [[5, 22]]);
   })), [onSearchWhatsNewArticles, whatsNewSearchType, searchWhatsNewArticlesResult]);

package/dist/cjs/components/styled.js

@@ -7,15 +7,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.Home = exports.HelpBodyContainer = exports.HelpBody = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _constants = require("@atlaskit/theme/constants");
 var _templateObject, _templateObject2, _templateObject3;
+/** @jsx jsx */
 var HelpBodyContainer = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  flex-grow: 1;\n  min-height: 0;\n  position: relative;\n  overflow-y: auto;\n  overflow-x: hidden;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-content: stretch;\n  align-items: flex-start;\n"])));
 exports.HelpBodyContainer = HelpBodyContainer;
 var HelpBody = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  box-sizing: border-box;\n  order: 0;\n  flex: 1 1 auto;\n  align-self: auto;\n  position: relative;\n  overflow-x: hidden;\n  overflow-y: auto;\n"])));
 exports.HelpBody = HelpBody;
-var Home = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: ", ";\n  height: 100%;\n  overflow: ", ";\n  padding: ", "px;\n  box-sizing: border-box;\n"])), function (props) {
+var Home = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: ", ";\n  height: 100%;\n  overflow: ", ";\n  padding: ", ";\n  box-sizing: border-box;\n"])), function (props) {
   return props.isOverlayFullyVisible ? 'none' : 'block';
 }, function (props) {
   return props.isOverlayVisible ? 'hidden' : 'auto';
-}, (0, _constants.gridSize)() * 2);
+}, "var(--ds-space-200, 16px)");
 exports.Home = Home;

package/dist/cjs/model/Article.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ARTICLE_ITEM_TYPES = void 0;
 // TODO - Check if we need to delete this
-var ARTICLE_ITEM_TYPES;
-exports.ARTICLE_ITEM_TYPES = ARTICLE_ITEM_TYPES;
-(function (ARTICLE_ITEM_TYPES) {
+var ARTICLE_ITEM_TYPES = /*#__PURE__*/function (ARTICLE_ITEM_TYPES) {
   ARTICLE_ITEM_TYPES["topicInProduct"] = "topicInProduct";
-})(ARTICLE_ITEM_TYPES || (exports.ARTICLE_ITEM_TYPES = ARTICLE_ITEM_TYPES = {}));
+  return ARTICLE_ITEM_TYPES;
+}({});
+exports.ARTICLE_ITEM_TYPES = ARTICLE_ITEM_TYPES;

package/dist/cjs/model/Help.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ARTICLE_TYPE = void 0;
 var _Article = require("./Article");
-var ARTICLE_TYPE;
-exports.ARTICLE_TYPE = ARTICLE_TYPE;
-(function (ARTICLE_TYPE) {
+var ARTICLE_TYPE = /*#__PURE__*/function (ARTICLE_TYPE) {
   ARTICLE_TYPE["HELP_ARTICLE"] = "HELP_ARTICLE";
   ARTICLE_TYPE["WHATS_NEW"] = "WHATS_NEW";
-})(ARTICLE_TYPE || (exports.ARTICLE_TYPE = ARTICLE_TYPE = {}));
+  return ARTICLE_TYPE;
+}({});
+exports.ARTICLE_TYPE = ARTICLE_TYPE;

package/dist/cjs/model/Requests.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.REQUEST_STATE = void 0;
-var REQUEST_STATE;
-exports.REQUEST_STATE = REQUEST_STATE;
-(function (REQUEST_STATE) {
+var REQUEST_STATE = /*#__PURE__*/function (REQUEST_STATE) {
   REQUEST_STATE["done"] = "done";
   REQUEST_STATE["loading"] = "loading";
   REQUEST_STATE["load"] = "load";
   REQUEST_STATE["error"] = "error";
   REQUEST_STATE["reload"] = "reload";
-})(REQUEST_STATE || (exports.REQUEST_STATE = REQUEST_STATE = {}));
+  return REQUEST_STATE;
+}({});
+exports.REQUEST_STATE = REQUEST_STATE;

package/dist/cjs/model/WhatsNew.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.WHATS_NEW_ITEM_TYPES = void 0;
-var WHATS_NEW_ITEM_TYPES;
-exports.WHATS_NEW_ITEM_TYPES = WHATS_NEW_ITEM_TYPES;
-(function (WHATS_NEW_ITEM_TYPES) {
+var WHATS_NEW_ITEM_TYPES = /*#__PURE__*/function (WHATS_NEW_ITEM_TYPES) {
   WHATS_NEW_ITEM_TYPES["NEW_FEATURE"] = "Announcement";
   WHATS_NEW_ITEM_TYPES["IMPROVEMENT"] = "Improvement";
   WHATS_NEW_ITEM_TYPES["FIX"] = "Fix";
   WHATS_NEW_ITEM_TYPES["REMOVED"] = "Removed";
   WHATS_NEW_ITEM_TYPES["EXPERIMENT"] = "Experiment";
-})(WHATS_NEW_ITEM_TYPES || (exports.WHATS_NEW_ITEM_TYPES = WHATS_NEW_ITEM_TYPES = {}));
+  return WHATS_NEW_ITEM_TYPES;
+}({});
+exports.WHATS_NEW_ITEM_TYPES = WHATS_NEW_ITEM_TYPES;

package/dist/cjs/util/styled.js

@@ -13,9 +13,10 @@ var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 var _core = require("@emotion/core");
 var _WhatsNew = require("../model/WhatsNew");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+/** @jsx jsx */
 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; }
-var DividerLine = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  height: 2px;\n  width: 100%;\n  padding: 0 ", "px;\n  margin-top: ", "px;\n  box-sizing: border-box;\n"])), "var(--ds-border, ".concat(colors.N30A, ")"), 2 * (0, _constants.gridSize)(), (0, _constants.gridSize)() * 2);
+var DividerLine = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background-color: ", ";\n  height: 2px;\n  width: 100%;\n  padding: 0 ", ";\n  margin-top: ", ";\n  box-sizing: border-box;\n"])), "var(--ds-border, ".concat(colors.N30A, ")"), "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)");
 
 /**
  * Loading container
@@ -46,7 +47,7 @@ var LoadingCircle = _styled.default.div(_templateObject4 || (_templateObject4 =
  * What's new icon
  */
 exports.LoadingCircle = LoadingCircle;
-var WhatsNewTypeIcon = _styled.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  vertical-align: middle;\n  position: relative;\n  height: ", "px;\n  width: ", "px;\n  border-radius: 2px;\n  background-color: ", ";\n\n  & > img {\n    width: calc(100% - ", "px);\n    height: calc(100% - ", "px);\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n\n    & > svg {\n      height: 100%;\n      width: 100%;\n    }\n  }\n"])), (0, _constants.gridSize)() * 2, (0, _constants.gridSize)() * 2, function (_ref) {
+var WhatsNewTypeIcon = _styled.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  vertical-align: middle;\n  position: relative;\n  height: ", ";\n  width: ", ";\n  border-radius: 2px;\n  background-color: ", ";\n\n  & > img {\n    width: calc(100% - ", "px);\n    height: calc(100% - ", "px);\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n\n    & > svg {\n      height: 100%;\n      width: 100%;\n    }\n  }\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)", function (_ref) {
   var type = _ref.type;
   switch (type) {
     case _WhatsNew.WHATS_NEW_ITEM_TYPES.IMPROVEMENT:

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/help",
-	"version": "7.1.26",
+	"version": "7.2.0",
 	"sideEffects": false
 }

package/dist/es2019/components/Article/HelpArticle/WasHelpfulForm/styled.js

@@ -1,7 +1,6 @@
 /** @jsx jsx */
 
 import styled from '@emotion/styled';
-import { gridSize } from '@atlaskit/theme/constants';
 import * as colors from '@atlaskit/theme/colors';
 export const ArticleFeedbackContainer = styled.div`
   position: relative;
@@ -10,10 +9,10 @@ export const ArticleFeedbackText = styled.div`
   font-size: 0.75rem;
   font-weight: bold;
   color: ${`var(--ds-text-subtlest, ${colors.N200})`};
-  line-height: ${gridSize() * 4}px;
+  line-height: ${"var(--ds-font-lineHeight-500, 32px)"};
   position: relative;
   display: inline-block;
 `;
 export const ArticleFeedbackAnswerWrapper = styled.div`
-  padding-top: ${gridSize() * 2}px;
+  padding-top: ${"var(--ds-space-200, 16px)"};
 `;