@atlaskit/help 5.0.0 → 6.0.3

package/dist/cjs/components/WhatsNew/WhatsNewButton/index.js

@@ -17,7 +17,7 @@ var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 
 var _lightbulb = _interopRequireDefault(require("@atlaskit/icon/glyph/lightbulb"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _version = require("../../../version.json");
 
@@ -85,6 +85,6 @@ var WhatsNewButtonWithContext = function WhatsNewButtonWithContext(props) {
   }, /*#__PURE__*/_react.default.createElement(WhatsNewButton, props));
 };
 
-var _default = (0, _reactIntl.injectIntl)(WhatsNewButtonWithContext);
+var _default = (0, _reactIntlNext.injectIntl)(WhatsNewButtonWithContext);
 
 exports.default = _default;

package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsEmpty/index.js

@@ -11,7 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _analyticsNext = require("@atlaskit/analytics-next");
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _NotFoundImage = _interopRequireDefault(require("../../../../assets/NotFoundImage"));
 
@@ -20,8 +20,8 @@ var _messages = require("../../../../messages");
 var _styled = require("./styled");
 
 var WhatsNewResultsEmpty = function WhatsNewResultsEmpty(_ref) {
-  var formatMessage = _ref.intl.formatMessage,
-      onClearFilter = _ref.onClearFilter;
+  var onClearFilter = _ref.onClearFilter,
+      formatMessage = _ref.intl.formatMessage;
 
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
       createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
@@ -47,6 +47,6 @@ var WhatsNewResultsEmpty = function WhatsNewResultsEmpty(_ref) {
 
 exports.WhatsNewResultsEmpty = WhatsNewResultsEmpty;
 
-var _default = (0, _reactIntl.injectIntl)(WhatsNewResultsEmpty);
+var _default = (0, _reactIntlNext.injectIntl)(WhatsNewResultsEmpty);
 
 exports.default = _default;

package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsError/index.js

@@ -11,7 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _ErrorImage = _interopRequireDefault(require("../../../../assets/ErrorImage"));
 
@@ -32,6 +32,6 @@ var WhatsNewResultsError = function WhatsNewResultsError(_ref) {
 
 exports.WhatsNewResultsError = WhatsNewResultsError;
 
-var _default = (0, _reactIntl.injectIntl)(WhatsNewResultsError);
+var _default = (0, _reactIntlNext.injectIntl)(WhatsNewResultsError);
 
 exports.default = _default;

package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/index.js

@@ -11,7 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _analyticsNext = require("@atlaskit/analytics-next");
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _version = require("../../../../../version.json");
 
@@ -72,6 +72,6 @@ var WhatsNewResultListItemWithContext = function WhatsNewResultListItemWithConte
   }, /*#__PURE__*/_react.default.createElement(WhatsNewResultListItem, props));
 };
 
-var _default = (0, _reactIntl.injectIntl)(WhatsNewResultListItemWithContext);
+var _default = (0, _reactIntlNext.injectIntl)(WhatsNewResultListItemWithContext);
 
 exports.default = _default;

package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/styled.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WhatsNewResultListItemDescription = exports.WhatsNewResultListItemTitleText = exports.WhatsNewResultListItemTitleContainer = exports.WhatsNewResultListItemWrapper = void 0;
+exports.WhatsNewResultListItemWrapper = exports.WhatsNewResultListItemTitleText = exports.WhatsNewResultListItemTitleContainer = exports.WhatsNewResultListItemDescription = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
@@ -15,8 +15,6 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
 
 var _constants = require("@atlaskit/theme/constants");
 
-var _typography = require("@atlaskit/theme/typography");
-
 var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
 
 var _templateObject, _templateObject2, _templateObject3;
@@ -58,10 +56,10 @@ var WhatsNewResultListItemTitleContainer = _styled.default.div(_templateObject |
 
 exports.WhatsNewResultListItemTitleContainer = WhatsNewResultListItemTitleContainer;
 
-var WhatsNewResultListItemTitleText = _styled.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0;\n  padding-left: ", "px;\n  white-space: normal;\n  overflow-x: hidden;\n"])), (0, _typography.h400)(), (0, _constants.gridSize)() / 2);
+var WhatsNewResultListItemTitleText = _styled.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  font-size: ", "px;\n  line-height: ", "px;\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0;\n  padding-left: ", "px;\n  white-space: normal;\n  overflow-x: hidden;\n"])), (0, _constants.fontSizeSmall)(), (0, _constants.fontSize)(), (0, _constants.gridSize)() / 2);
 
 exports.WhatsNewResultListItemTitleText = WhatsNewResultListItemTitleText;
 
-var WhatsNewResultListItemDescription = _styled.default.p(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: block;\n  line-height: ", "px;\n  color: ", ";\n  margin: 0;\n"])), (0, _constants.gridSize)() * 2.5, colors.N400);
+var WhatsNewResultListItemDescription = _styled.default.p(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: block;\n  line-height: ", "px;\n  color: ", ";\n  margin: 0;\n"])), (0, _constants.gridSize)() * 2.5, colors.N800);
 
 exports.WhatsNewResultListItemDescription = WhatsNewResultListItemDescription;

package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultsList.js

@@ -51,16 +51,14 @@ var WhatsNewResultsList = function WhatsNewResultsList(_ref) {
       var featureRolloutDateString = whatsNewArticle === null || whatsNewArticle === void 0 ? void 0 : whatsNewArticle.featureRolloutDate;
 
       if (featureRolloutDateString) {
-        var featureRolloutDateArray = featureRolloutDateString.split('-').map(function (dateValue) {
-          return parseInt(dateValue);
-        });
-        var featureRolloutDate = (0, _toDate.default)(new Date(featureRolloutDateArray[0], featureRolloutDateArray[1], featureRolloutDateArray[2]));
+        var featureRolloutDateArray = featureRolloutDateString.replace('-', '/');
+        var featureRolloutDate = (0, _toDate.default)(new Date(featureRolloutDateArray));
 
         if (whatsNewArticlesGroupedByDateTemp[featureRolloutDateString]) {
           whatsNewArticlesGroupedByDateTemp[featureRolloutDateString].items.push(whatsNewArticle);
         } else {
           whatsNewArticlesGroupedByDateTemp[featureRolloutDateString] = {
-            title: (0, _isToday.default)(featureRolloutDate) ? 'Today' : (0, _isYesterday.default)(featureRolloutDate) ? 'Yesterday' : (0, _format.default)(featureRolloutDate, 'PPPP'),
+            title: (0, _isToday.default)(featureRolloutDate) ? 'Today' : (0, _isYesterday.default)(featureRolloutDate) ? 'Yesterday' : (0, _format.default)(featureRolloutDate, 'EEEE, MMMM dd, yyyy'),
             items: [whatsNewArticle]
           };
         }

package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/styled.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ToggleShowWhatsNewResultsContainer = exports.WhatsNewResultsListGroupTitle = exports.WhatsNewResultsListGroupWrapper = exports.WhatsNewResultsListContainer = exports.truncate = void 0;
+exports.truncate = exports.WhatsNewResultsListGroupWrapper = exports.WhatsNewResultsListGroupTitle = exports.WhatsNewResultsListContainer = exports.ToggleShowWhatsNewResultsContainer = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
@@ -36,7 +36,7 @@ var WhatsNewResultsListContainer = _styled.default.div(_templateObject2 || (_tem
 
 exports.WhatsNewResultsListContainer = WhatsNewResultsListContainer;
 
-var WhatsNewResultsListGroupWrapper = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", "px 0 0 0;\n"])), (0, _constants.gridSize)());
+var WhatsNewResultsListGroupWrapper = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", "px 0 ", "px 0;\n"])), (0, _constants.gridSize)(), (0, _constants.gridSize)());
 
 exports.WhatsNewResultsListGroupWrapper = WhatsNewResultsListGroupWrapper;
 

package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsLoading/index.js

@@ -9,7 +9,7 @@ exports.default = exports.WhatsNewResultsLoading = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _constants = require("@atlaskit/theme/constants");
 
@@ -23,14 +23,27 @@ var _styled3 = require("../styled");
 
 var WhatsNewResultsLoading = function WhatsNewResultsLoading(_ref) {
   var formatMessage = _ref.intl.formatMessage;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled2.LoadignWhatsNewResultsList, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
+    contentHeight: "".concat((0, _constants.gridSize)() * 5, "px"),
+    contentWidth: "152px",
+    marginTop: "0"
+  }), /*#__PURE__*/_react.default.createElement(_styled2.LoadignWhatsNewResultsList, {
     "aria-label": formatMessage(_messages.messages.help_loading),
     role: "img"
   }, /*#__PURE__*/_react.default.createElement(_styled3.WhatsNewResultsListTitleContainer, null, /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
     contentHeight: "11px",
     contentWidth: "60px",
     marginTop: "0"
-  })), /*#__PURE__*/_react.default.createElement(_styled2.LoadignWhatsNewResultsListItem, null, /*#__PURE__*/_react.default.createElement(_styled.LoadingCircle, null), /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
+  })), /*#__PURE__*/_react.default.createElement(_styled2.LoadignWhatsNewResultsListItem, null, /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
+    style: {
+      display: 'inline-block',
+      verticalAlign: 'middle',
+      position: 'relative'
+    },
+    contentHeight: "16px",
+    contentWidth: "16px",
+    marginTop: "4px"
+  }), /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
     style: {
       marginLeft: "".concat((0, _constants.gridSize)(), "px")
     },
@@ -43,7 +56,16 @@ var WhatsNewResultsLoading = function WhatsNewResultsLoading(_ref) {
   }), /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
     contentWidth: "90%",
     marginTop: "4px"
-  })), /*#__PURE__*/_react.default.createElement(_styled2.LoadignWhatsNewResultsListItem, null, /*#__PURE__*/_react.default.createElement(_styled.LoadingCircle, null), /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
+  })), /*#__PURE__*/_react.default.createElement(_styled2.LoadignWhatsNewResultsListItem, null, /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
+    style: {
+      display: 'inline-block',
+      verticalAlign: 'middle',
+      position: 'relative'
+    },
+    contentHeight: "16px",
+    contentWidth: "16px",
+    marginTop: "4px"
+  }), /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
     style: {
       marginLeft: "".concat((0, _constants.gridSize)(), "px")
     },
@@ -60,7 +82,16 @@ var WhatsNewResultsLoading = function WhatsNewResultsLoading(_ref) {
     contentHeight: "11px",
     contentWidth: "60px",
     marginTop: "0"
-  })), /*#__PURE__*/_react.default.createElement(_styled2.LoadignWhatsNewResultsListItem, null, /*#__PURE__*/_react.default.createElement(_styled.LoadingCircle, null), /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
+  })), /*#__PURE__*/_react.default.createElement(_styled2.LoadignWhatsNewResultsListItem, null, /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
+    style: {
+      display: 'inline-block',
+      verticalAlign: 'middle',
+      position: 'relative'
+    },
+    contentHeight: "16px",
+    contentWidth: "16px",
+    marginTop: "4px"
+  }), /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
     style: {
       marginLeft: "".concat((0, _constants.gridSize)(), "px")
     },
@@ -73,7 +104,16 @@ var WhatsNewResultsLoading = function WhatsNewResultsLoading(_ref) {
   }), /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
     contentWidth: "90%",
     marginTop: "4px"
-  })), /*#__PURE__*/_react.default.createElement(_styled2.LoadignWhatsNewResultsListItem, null, /*#__PURE__*/_react.default.createElement(_styled.LoadingCircle, null), /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
+  })), /*#__PURE__*/_react.default.createElement(_styled2.LoadignWhatsNewResultsListItem, null, /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
+    style: {
+      display: 'inline-block',
+      verticalAlign: 'middle',
+      position: 'relative'
+    },
+    contentHeight: "16px",
+    contentWidth: "16px",
+    marginTop: "4px"
+  }), /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
     style: {
       marginLeft: "".concat((0, _constants.gridSize)(), "px")
     },
@@ -91,6 +131,6 @@ var WhatsNewResultsLoading = function WhatsNewResultsLoading(_ref) {
 
 exports.WhatsNewResultsLoading = WhatsNewResultsLoading;
 
-var _default = (0, _reactIntl.injectIntl)(WhatsNewResultsLoading);
+var _default = (0, _reactIntlNext.injectIntl)(WhatsNewResultsLoading);
 
 exports.default = _default;

package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsLoading/styled.js

@@ -18,7 +18,7 @@ var _templateObject, _templateObject2;
 /**
  * Loading styled-components
  */
-var LoadignWhatsNewResultsList = _styled.default.ul(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n"])));
+var LoadignWhatsNewResultsList = _styled.default.ul(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n  margin-top: ", "px;\n"])), (0, _constants.gridSize)() * 2);
 
 exports.LoadignWhatsNewResultsList = LoadignWhatsNewResultsList;
 

package/dist/cjs/components/WhatsNew/WhatsNewResults/index.js

@@ -19,7 +19,7 @@ var _reactTransitionGroup = require("react-transition-group");
 
 var _select = _interopRequireDefault(require("@atlaskit/select"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _constants = require("../../constants");
 
@@ -130,7 +130,7 @@ var WhatsNewResults = function WhatsNewResults(_ref) {
   }, function (state) {
     return /*#__PURE__*/_react.default.createElement(_styled.WhatsNewResultsContainer, {
       style: _objectSpread(_objectSpread({}, defaultStyle), transitionStyles[state])
-    }, searchWhatsNewArticlesState !== _Requests.REQUEST_STATE.error && /*#__PURE__*/_react.default.createElement(_styled.SelectContainer, null, /*#__PURE__*/_react.default.createElement(_select.default, {
+    }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, searchWhatsNewArticlesState === _Requests.REQUEST_STATE.loading && searchWhatsNewArticlesResult === null && state !== 'exited' && /*#__PURE__*/_react.default.createElement(_WhatsNewResultsLoading.default, null), (searchWhatsNewArticlesState === _Requests.REQUEST_STATE.done || searchWhatsNewArticlesState === _Requests.REQUEST_STATE.loading) && searchWhatsNewArticlesResult !== null && state !== 'exited' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.SelectContainer, null, /*#__PURE__*/_react.default.createElement(_select.default, {
       defaultValue: selectedOption,
       className: "single-select",
       classNamePrefix: "react-select",
@@ -165,7 +165,7 @@ var WhatsNewResults = function WhatsNewResults(_ref) {
           onSearchWhatsNewArticles(selectedOptionValue, _constants.NUMBER_OF_WHATS_NEW_ITEMS_PER_PAGE, '');
         }
       }
-    })), /*#__PURE__*/_react.default.createElement(_styled.WhatsNewResultsListContainer, null, searchWhatsNewArticlesState === _Requests.REQUEST_STATE.loading && searchWhatsNewArticlesResult === null && state !== 'exited' && /*#__PURE__*/_react.default.createElement(_WhatsNewResultsLoading.default, null), (searchWhatsNewArticlesState === _Requests.REQUEST_STATE.done || searchWhatsNewArticlesState === _Requests.REQUEST_STATE.loading) && searchWhatsNewArticlesResult !== null && state !== 'exited' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, searchWhatsNewArticlesResult.articles.length > 0 ? /*#__PURE__*/_react.default.createElement(_WhatsNewResultsList.default, {
+    })), /*#__PURE__*/_react.default.createElement(_styled.WhatsNewResultsListContainer, null, searchWhatsNewArticlesResult.articles.length > 0 ? /*#__PURE__*/_react.default.createElement(_WhatsNewResultsList.default, {
       whatsNewArticles: searchWhatsNewArticlesResult.articles,
       onWhatsNewResultItemClick: onWhatsNewButtonClick,
       onShowMoreButtonClick: handleOnShowMoreButtonClick,
@@ -174,7 +174,7 @@ var WhatsNewResults = function WhatsNewResults(_ref) {
       loadingMore: searchWhatsNewArticlesState === _Requests.REQUEST_STATE.loading
     }) : /*#__PURE__*/_react.default.createElement(_WhatsNewResultsEmpty.default, {
       onClearFilter: handleOnClearFilter
-    })), searchWhatsNewArticlesState === _Requests.REQUEST_STATE.error && /*#__PURE__*/_react.default.createElement(_WhatsNewResultsError.default, {
+    }))), searchWhatsNewArticlesState === _Requests.REQUEST_STATE.error && /*#__PURE__*/_react.default.createElement(_WhatsNewResultsError.default, {
       onSearch: onSearchWhatsNewArticles
     })));
   });
@@ -182,6 +182,6 @@ var WhatsNewResults = function WhatsNewResults(_ref) {
 
 exports.WhatsNewResults = WhatsNewResults;
 
-var _default = (0, _reactIntl.injectIntl)(WhatsNewResults);
+var _default = (0, _reactIntlNext.injectIntl)(WhatsNewResults);
 
 exports.default = _default;

package/dist/cjs/components/WhatsNew/WhatsNewResults/styled.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WhatsNewResultsListTitleContainer = exports.WhatsNewResultsListContainer = exports.SelectContainer = exports.WhatsNewResultsContainer = void 0;
+exports.WhatsNewResultsListTitleContainer = exports.WhatsNewResultsListContainer = exports.WhatsNewResultsContainer = exports.SelectContainer = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
@@ -23,7 +23,7 @@ var SelectContainer = _styled.default.div(_templateObject2 || (_templateObject2
 
 exports.SelectContainer = SelectContainer;
 
-var WhatsNewResultsListContainer = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  padding-top: ", "px;\n"])), (0, _constants.gridSize)() * 2);
+var WhatsNewResultsListContainer = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  padding-top: ", "px;\n"])), (0, _constants.gridSize)());
 
 exports.WhatsNewResultsListContainer = WhatsNewResultsListContainer;
 

package/dist/cjs/components/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TRANSITION_STATUS = exports.HIDE_CONTENT_DELAY = exports.FADEIN_OVERLAY_TRANSITION_DURATION_MS = exports.SLIDEIN_OVERLAY_TRANSITION_DURATION_MS = exports.VIEW = exports.NUMBER_OF_WHATS_NEW_ITEMS_PER_PAGE = exports.LOADING_TIMEOUT = exports.MIN_CHARACTERS_FOR_SEARCH = void 0;
+exports.VIEW = exports.TRANSITION_STATUS = exports.SLIDEIN_OVERLAY_TRANSITION_DURATION_MS = exports.NUMBER_OF_WHATS_NEW_ITEMS_PER_PAGE = exports.MIN_CHARACTERS_FOR_SEARCH = exports.LOADING_TIMEOUT = exports.HIDE_CONTENT_DELAY = exports.FADEIN_OVERLAY_TRANSITION_DURATION_MS = void 0;
 var MIN_CHARACTERS_FOR_SEARCH = 3;
 exports.MIN_CHARACTERS_FOR_SEARCH = MIN_CHARACTERS_FOR_SEARCH;
 var LOADING_TIMEOUT = 1000;

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.HeaderContextProvider = exports.CtxProvider = exports.useHeaderContext = void 0;
+exports.useHeaderContext = exports.HeaderContextProvider = exports.CtxProvider = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.HelpArticleContextProvider = exports.CtxProvider = exports.useHelpArticleContext = void 0;
+exports.useHelpArticleContext = exports.HelpArticleContextProvider = exports.CtxProvider = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.HomeContextProvider = exports.CtxProvider = exports.useHomeContext = void 0;
+exports.useHomeContext = exports.HomeContextProvider = exports.CtxProvider = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 

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

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.NavigationContextProvider = exports.CtxProvider = exports.useNavigationContext = void 0;
+exports.useNavigationContext = exports.NavigationContextProvider = exports.CtxProvider = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.RelatedArticlesContextProvider = exports.CtxProvider = exports.useRelatedArticlesContext = void 0;
+exports.useRelatedArticlesContext = exports.RelatedArticlesContextProvider = exports.CtxProvider = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 

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

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SearchContextProvider = exports.CtxProvider = exports.useSearchContext = void 0;
+exports.useSearchContext = exports.SearchContextProvider = exports.CtxProvider = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 

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

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WhatsNewArticleProvider = exports.CtxProvider = exports.useWhatsNewArticleContext = void 0;
+exports.useWhatsNewArticleContext = exports.WhatsNewArticleProvider = exports.CtxProvider = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 

package/dist/cjs/components/styled.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Home = exports.HelpBody = exports.HelpBodyContainer = void 0;
+exports.Home = exports.HelpBodyContainer = exports.HelpBody = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 

package/dist/cjs/i18n/index.js

@@ -5,12 +5,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "zh", {
-  enumerable: true,
-  get: function get() {
-    return _zh.default;
-  }
-});
 Object.defineProperty(exports, "cs", {
   enumerable: true,
   get: function get() {
@@ -23,10 +17,10 @@ Object.defineProperty(exports, "da", {
     return _da.default;
   }
 });
-Object.defineProperty(exports, "nl", {
+Object.defineProperty(exports, "de", {
   enumerable: true,
   get: function get() {
-    return _nl.default;
+    return _de.default;
   }
 });
 Object.defineProperty(exports, "en", {
@@ -41,6 +35,12 @@ Object.defineProperty(exports, "en_GB", {
     return _en_GB.default;
   }
 });
+Object.defineProperty(exports, "es", {
+  enumerable: true,
+  get: function get() {
+    return _es.default;
+  }
+});
 Object.defineProperty(exports, "et", {
   enumerable: true,
   get: function get() {
@@ -59,12 +59,6 @@ Object.defineProperty(exports, "fr", {
     return _fr.default;
   }
 });
-Object.defineProperty(exports, "de", {
-  enumerable: true,
-  get: function get() {
-    return _de.default;
-  }
-});
 Object.defineProperty(exports, "hu", {
   enumerable: true,
   get: function get() {
@@ -101,6 +95,12 @@ Object.defineProperty(exports, "nb", {
     return _nb.default;
   }
 });
+Object.defineProperty(exports, "nl", {
+  enumerable: true,
+  get: function get() {
+    return _nl.default;
+  }
+});
 Object.defineProperty(exports, "pl", {
   enumerable: true,
   get: function get() {
@@ -137,16 +137,16 @@ Object.defineProperty(exports, "sk", {
     return _sk.default;
   }
 });
-Object.defineProperty(exports, "es", {
+Object.defineProperty(exports, "sv", {
   enumerable: true,
   get: function get() {
-    return _es.default;
+    return _sv.default;
   }
 });
-Object.defineProperty(exports, "sv", {
+Object.defineProperty(exports, "zh", {
   enumerable: true,
   get: function get() {
-    return _sv.default;
+    return _zh.default;
   }
 });
 

package/dist/cjs/index.js

@@ -5,28 +5,22 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _Help.default;
-  }
-});
-Object.defineProperty(exports, "ArticlesListItem", {
+Object.defineProperty(exports, "ARTICLE_ITEM_TYPES", {
   enumerable: true,
   get: function get() {
-    return _ArticlesListItem.default;
+    return _Article.ARTICLE_ITEM_TYPES;
   }
 });
-Object.defineProperty(exports, "RelatedArticles", {
+Object.defineProperty(exports, "ARTICLE_TYPE", {
   enumerable: true,
   get: function get() {
-    return _RelatedArticles.default;
+    return _Help2.ARTICLE_TYPE;
   }
 });
-Object.defineProperty(exports, "HelpContentButton", {
+Object.defineProperty(exports, "ArticlesListItem", {
   enumerable: true,
   get: function get() {
-    return _HelpContentButton.default;
+    return _ArticlesListItem.default;
   }
 });
 Object.defineProperty(exports, "DividerLine", {
@@ -35,16 +29,16 @@ Object.defineProperty(exports, "DividerLine", {
     return _styled.DividerLine;
   }
 });
-Object.defineProperty(exports, "ARTICLE_TYPE", {
+Object.defineProperty(exports, "HelpContentButton", {
   enumerable: true,
   get: function get() {
-    return _Help2.ARTICLE_TYPE;
+    return _HelpContentButton.default;
   }
 });
-Object.defineProperty(exports, "ARTICLE_ITEM_TYPES", {
+Object.defineProperty(exports, "RelatedArticles", {
   enumerable: true,
   get: function get() {
-    return _Article.ARTICLE_ITEM_TYPES;
+    return _RelatedArticles.default;
   }
 });
 Object.defineProperty(exports, "WHATS_NEW_ITEM_TYPES", {
@@ -53,6 +47,12 @@ Object.defineProperty(exports, "WHATS_NEW_ITEM_TYPES", {
     return _WhatsNew.WHATS_NEW_ITEM_TYPES;
   }
 });
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Help.default;
+  }
+});
 
 var _Help = _interopRequireDefault(require("./components/Help"));
 

package/dist/cjs/messages.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.messages = void 0;
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
-var messages = (0, _reactIntl.defineMessages)({
+var messages = (0, _reactIntlNext.defineMessages)({
   help_loading: {
     id: 'help.loading',
     defaultMessage: 'Loading',
@@ -225,7 +225,7 @@ var messages = (0, _reactIntl.defineMessages)({
   },
   help_whats_new_no_results_info: {
     id: 'help.whats.new_no_results_info',
-    defaultMessage: "We only display 3 months of recent releases.",
+    defaultMessage: "We only display three months of recent releases.",
     description: "text to display when the \"What's new\" API returns an empty array of articles\""
   },
   help_whats_new_no_results_clear_filter_button_label: {

package/dist/cjs/util/hooks/cancellablePromise.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.makeCancelable = makeCancelable;
 exports.default = useCancellablePromise;
+exports.makeCancelable = makeCancelable;
 
 var _react = require("react");
 

package/dist/cjs/util/styled.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WhatsNewTypeIcon = exports.LoadingCircle = exports.LoadingRectangle = exports.DividerLine = void 0;
+exports.WhatsNewTypeIcon = exports.LoadingRectangle = exports.LoadingCircle = exports.DividerLine = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
@@ -64,7 +64,7 @@ var LoadingCircle = _styled.default.div(_templateObject4 || (_templateObject4 =
 
 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: 50%;\n  background-color: ", ";\n\n  & > img {\n    width: ", "px;\n    height: ", "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)() * 4, (0, _constants.gridSize)() * 4, 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: ", "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 type = _ref.type;
 
   switch (type) {
@@ -86,6 +86,6 @@ var WhatsNewTypeIcon = _styled.default.div(_templateObject5 || (_templateObject5
     default:
       return colors.N400;
   }
-}, (0, _constants.gridSize)() * 2, (0, _constants.gridSize)() * 2);
+}, (0, _constants.gridSize)() / 2, (0, _constants.gridSize)() / 2);
 
 exports.WhatsNewTypeIcon = WhatsNewTypeIcon;