@atlaskit/help 4.3.0 → 6.0.2

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

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import styled from '@emotion/styled';
 import { gridSize } from '@atlaskit/theme/constants';
-import { h400 } from '@atlaskit/theme/typography';
+import { fontSize, fontSizeSmall } from '@atlaskit/theme/constants';
 import * as colors from '@atlaskit/theme/colors';
 export const WhatsNewResultListItemWrapper = styled.a({
   position: `relative`,
@@ -33,7 +33,8 @@ export const WhatsNewResultListItemTitleContainer = styled.div`
   margin-bottom: ${gridSize() / 2}px;
 `;
 export const WhatsNewResultListItemTitleText = styled.span`
-  ${h400()}
+  font-size: ${fontSizeSmall()}px;
+  line-height: ${fontSize()}px;
   display: inline-block;
   vertical-align: middle;
   margin: 0;
@@ -44,6 +45,6 @@ export const WhatsNewResultListItemTitleText = styled.span`
 export const WhatsNewResultListItemDescription = styled.p`
   display: block;
   line-height: ${gridSize() * 2.5}px;
-  color: ${colors.N400};
+  color: ${colors.N800};
   margin: 0;
 `;

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

@@ -20,14 +20,14 @@ const WhatsNewResultsList = ({
       const featureRolloutDateString = whatsNewArticle === null || whatsNewArticle === void 0 ? void 0 : whatsNewArticle.featureRolloutDate;
 
       if (featureRolloutDateString) {
-        const featureRolloutDateArray = featureRolloutDateString.split('-').map(dateValue => parseInt(dateValue));
-        const featureRolloutDate = toDate(new Date(featureRolloutDateArray[0], featureRolloutDateArray[1], featureRolloutDateArray[2]));
+        const featureRolloutDateArray = featureRolloutDateString.replace('-', '/');
+        const featureRolloutDate = toDate(new Date(featureRolloutDateArray));
 
         if (whatsNewArticlesGroupedByDateTemp[featureRolloutDateString]) {
           whatsNewArticlesGroupedByDateTemp[featureRolloutDateString].items.push(whatsNewArticle);
         } else {
           whatsNewArticlesGroupedByDateTemp[featureRolloutDateString] = {
-            title: isToday(featureRolloutDate) ? 'Today' : isYesterday(featureRolloutDate) ? 'Yesterday' : formatDate(featureRolloutDate, 'PPPP'),
+            title: isToday(featureRolloutDate) ? 'Today' : isYesterday(featureRolloutDate) ? 'Yesterday' : formatDate(featureRolloutDate, 'EEEE, MMMM dd, yyyy'),
             items: [whatsNewArticle]
           };
         }

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

@@ -13,7 +13,7 @@ export const WhatsNewResultsListContainer = styled.div`
   position: relative;
 `;
 export const WhatsNewResultsListGroupWrapper = styled.div`
-  padding: ${gridSize()}px 0 0 0;
+  padding: ${gridSize()}px 0 ${gridSize()}px 0;
 `;
 export const WhatsNewResultsListGroupTitle = styled.div`
   color: ${colors.N200};

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

@@ -1,8 +1,8 @@
 import React from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { gridSize } from '@atlaskit/theme/constants';
 import { messages } from '../../../../messages';
-import { LoadingRectangle, LoadingCircle } from '../../../../util/styled';
+import { LoadingRectangle } from '../../../../util/styled';
 import { LoadignWhatsNewResultsList, LoadignWhatsNewResultsListItem } from './styled';
 import { WhatsNewResultsListTitleContainer } from '../styled';
 export const WhatsNewResultsLoading = ({
@@ -10,14 +10,27 @@ export const WhatsNewResultsLoading = ({
     formatMessage
   }
 }) => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LoadignWhatsNewResultsList, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LoadingRectangle, {
+    contentHeight: `${gridSize() * 5}px`,
+    contentWidth: "152px",
+    marginTop: "0"
+  }), /*#__PURE__*/React.createElement(LoadignWhatsNewResultsList, {
     "aria-label": formatMessage(messages.help_loading),
     role: "img"
   }, /*#__PURE__*/React.createElement(WhatsNewResultsListTitleContainer, null, /*#__PURE__*/React.createElement(LoadingRectangle, {
     contentHeight: "11px",
     contentWidth: "60px",
     marginTop: "0"
-  })), /*#__PURE__*/React.createElement(LoadignWhatsNewResultsListItem, null, /*#__PURE__*/React.createElement(LoadingCircle, null), /*#__PURE__*/React.createElement(LoadingRectangle, {
+  })), /*#__PURE__*/React.createElement(LoadignWhatsNewResultsListItem, null, /*#__PURE__*/React.createElement(LoadingRectangle, {
+    style: {
+      display: 'inline-block',
+      verticalAlign: 'middle',
+      position: 'relative'
+    },
+    contentHeight: "16px",
+    contentWidth: "16px",
+    marginTop: "4px"
+  }), /*#__PURE__*/React.createElement(LoadingRectangle, {
     style: {
       marginLeft: `${gridSize()}px`
     },
@@ -30,7 +43,16 @@ export const WhatsNewResultsLoading = ({
   }), /*#__PURE__*/React.createElement(LoadingRectangle, {
     contentWidth: "90%",
     marginTop: "4px"
-  })), /*#__PURE__*/React.createElement(LoadignWhatsNewResultsListItem, null, /*#__PURE__*/React.createElement(LoadingCircle, null), /*#__PURE__*/React.createElement(LoadingRectangle, {
+  })), /*#__PURE__*/React.createElement(LoadignWhatsNewResultsListItem, null, /*#__PURE__*/React.createElement(LoadingRectangle, {
+    style: {
+      display: 'inline-block',
+      verticalAlign: 'middle',
+      position: 'relative'
+    },
+    contentHeight: "16px",
+    contentWidth: "16px",
+    marginTop: "4px"
+  }), /*#__PURE__*/React.createElement(LoadingRectangle, {
     style: {
       marginLeft: `${gridSize()}px`
     },
@@ -47,7 +69,16 @@ export const WhatsNewResultsLoading = ({
     contentHeight: "11px",
     contentWidth: "60px",
     marginTop: "0"
-  })), /*#__PURE__*/React.createElement(LoadignWhatsNewResultsListItem, null, /*#__PURE__*/React.createElement(LoadingCircle, null), /*#__PURE__*/React.createElement(LoadingRectangle, {
+  })), /*#__PURE__*/React.createElement(LoadignWhatsNewResultsListItem, null, /*#__PURE__*/React.createElement(LoadingRectangle, {
+    style: {
+      display: 'inline-block',
+      verticalAlign: 'middle',
+      position: 'relative'
+    },
+    contentHeight: "16px",
+    contentWidth: "16px",
+    marginTop: "4px"
+  }), /*#__PURE__*/React.createElement(LoadingRectangle, {
     style: {
       marginLeft: `${gridSize()}px`
     },
@@ -60,7 +91,16 @@ export const WhatsNewResultsLoading = ({
   }), /*#__PURE__*/React.createElement(LoadingRectangle, {
     contentWidth: "90%",
     marginTop: "4px"
-  })), /*#__PURE__*/React.createElement(LoadignWhatsNewResultsListItem, null, /*#__PURE__*/React.createElement(LoadingCircle, null), /*#__PURE__*/React.createElement(LoadingRectangle, {
+  })), /*#__PURE__*/React.createElement(LoadignWhatsNewResultsListItem, null, /*#__PURE__*/React.createElement(LoadingRectangle, {
+    style: {
+      display: 'inline-block',
+      verticalAlign: 'middle',
+      position: 'relative'
+    },
+    contentHeight: "16px",
+    contentWidth: "16px",
+    marginTop: "4px"
+  }), /*#__PURE__*/React.createElement(LoadingRectangle, {
     style: {
       marginLeft: `${gridSize()}px`
     },

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

@@ -10,6 +10,7 @@ export const LoadignWhatsNewResultsList = styled.ul`
   margin: 0;
   padding: 0;
   box-sizing: border-box;
+  margin-top: ${gridSize() * 2}px;
 `;
 export const LoadignWhatsNewResultsListItem = styled.li`
   display: block;

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

@@ -1,7 +1,7 @@
 import React, { useCallback, useState } from 'react';
 import { Transition } from 'react-transition-group';
 import Select from '@atlaskit/select';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { VIEW } from '../../constants';
 import { messages } from '../../../messages';
 import { WHATS_NEW_ITEM_TYPES } from '../../../model/WhatsNew';
@@ -9,6 +9,7 @@ import { REQUEST_STATE } from '../../../model/Requests';
 import { FADEIN_OVERLAY_TRANSITION_DURATION_MS, NUMBER_OF_WHATS_NEW_ITEMS_PER_PAGE } from '../../constants';
 import { useWhatsNewArticleContext } from '../../contexts/whatsNewArticleContext';
 import { useNavigationContext } from '../../contexts/navigationContext';
+import WhatsNewResultsEmpty from './WhatsNewResultsEmpty';
 import WhatsNewResultsError from './WhatsNewResultsError';
 import WhatsNewResultsLoading from './WhatsNewResultsLoading';
 import WhatsNewResultsList from './WhatsNewResultsList';
@@ -50,7 +51,11 @@ export const WhatsNewResults = ({
     searchWhatsNewArticlesState,
     onWhatsNewButtonClick
   } = useWhatsNewArticleContext();
-  const [selectedOption, setSelectedOption] = useState('');
+  const SELECT_DEFAULT_VALUE = {
+    value: '',
+    label: formatMessage(messages.help_whats_new_filter_select_option_all)
+  };
+  const [selectedOption, setSelectedOption] = useState(SELECT_DEFAULT_VALUE);
   const handleOnShowMoreButtonClick = useCallback(() => {
     if (searchWhatsNewArticlesResult && onSearchWhatsNewArticles) {
       const {
@@ -59,12 +64,25 @@ export const WhatsNewResults = ({
       } = searchWhatsNewArticlesResult;
 
       if (nextPage && hasNextPage) {
-        onSearchWhatsNewArticles(selectedOption, NUMBER_OF_WHATS_NEW_ITEMS_PER_PAGE, nextPage);
+        onSearchWhatsNewArticles(selectedOption.value, NUMBER_OF_WHATS_NEW_ITEMS_PER_PAGE, nextPage);
       }
     }
   }, [onSearchWhatsNewArticles, searchWhatsNewArticlesResult, selectedOption]);
 
-  const handleOnEnter = () => onSearchWhatsNewArticles && onSearchWhatsNewArticles();
+  const handleOnEnter = () => {
+    setSelectedOption(SELECT_DEFAULT_VALUE);
+    onSearchWhatsNewArticles && onSearchWhatsNewArticles();
+  };
+
+  const handleOnClearFilter = () => {
+    if (onSearchWhatsNewArticles) {
+      setSelectedOption({
+        value: '',
+        label: formatMessage(messages.help_whats_new_filter_select_option_all)
+      });
+      onSearchWhatsNewArticles('', NUMBER_OF_WHATS_NEW_ITEMS_PER_PAGE, '');
+    }
+  };
 
   return /*#__PURE__*/React.createElement(Transition, {
     in: helpContextView === VIEW.WHATS_NEW,
@@ -74,11 +92,8 @@ export const WhatsNewResults = ({
     style: { ...defaultStyle,
       ...transitionStyles[state]
     }
-  }, searchWhatsNewArticlesState !== REQUEST_STATE.error && /*#__PURE__*/React.createElement(SelectContainer, null, /*#__PURE__*/React.createElement(Select, {
-    defaultValue: {
-      value: '',
-      label: formatMessage(messages.help_whats_new_filter_select_option_all)
-    },
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, searchWhatsNewArticlesState === REQUEST_STATE.loading && searchWhatsNewArticlesResult === null && state !== 'exited' && /*#__PURE__*/React.createElement(WhatsNewResultsLoading, null), (searchWhatsNewArticlesState === REQUEST_STATE.done || searchWhatsNewArticlesState === REQUEST_STATE.loading) && searchWhatsNewArticlesResult !== null && state !== 'exited' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectContainer, null, /*#__PURE__*/React.createElement(Select, {
+    defaultValue: selectedOption,
     className: "single-select",
     classNamePrefix: "react-select",
     options: [{
@@ -100,21 +115,28 @@ export const WhatsNewResults = ({
       label: formatMessage(messages.help_whats_new_filter_select_option_experiment),
       value: WHATS_NEW_ITEM_TYPES.EXPERIMENT
     }],
+    value: selectedOption,
     onChange: option => {
       if (onSearchWhatsNewArticles) {
         const selectedOptionValue = option.value;
-        setSelectedOption(selectedOptionValue);
+        const selectedOptionLabel = option.label;
+        setSelectedOption({
+          value: selectedOptionValue,
+          label: selectedOptionLabel
+        });
         onSearchWhatsNewArticles(selectedOptionValue, NUMBER_OF_WHATS_NEW_ITEMS_PER_PAGE, '');
       }
     }
-  })), /*#__PURE__*/React.createElement(WhatsNewResultsListContainer, null, searchWhatsNewArticlesState === REQUEST_STATE.loading && searchWhatsNewArticlesResult === null && state !== 'exited' && /*#__PURE__*/React.createElement(WhatsNewResultsLoading, null), (searchWhatsNewArticlesState === REQUEST_STATE.done || searchWhatsNewArticlesState === REQUEST_STATE.loading) && searchWhatsNewArticlesResult !== null && state !== 'exited' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WhatsNewResultsList, {
+  })), /*#__PURE__*/React.createElement(WhatsNewResultsListContainer, null, searchWhatsNewArticlesResult.articles.length > 0 ? /*#__PURE__*/React.createElement(WhatsNewResultsList, {
     whatsNewArticles: searchWhatsNewArticlesResult.articles,
     onWhatsNewResultItemClick: onWhatsNewButtonClick,
     onShowMoreButtonClick: handleOnShowMoreButtonClick,
     hasNextPage: searchWhatsNewArticlesResult === null || searchWhatsNewArticlesResult === void 0 ? void 0 : searchWhatsNewArticlesResult.hasNextPage,
     nextPage: searchWhatsNewArticlesResult === null || searchWhatsNewArticlesResult === void 0 ? void 0 : searchWhatsNewArticlesResult.nextPage,
     loadingMore: searchWhatsNewArticlesState === REQUEST_STATE.loading
-  })), searchWhatsNewArticlesState === REQUEST_STATE.error && /*#__PURE__*/React.createElement(WhatsNewResultsError, {
+  }) : /*#__PURE__*/React.createElement(WhatsNewResultsEmpty, {
+    onClearFilter: handleOnClearFilter
+  }))), searchWhatsNewArticlesState === REQUEST_STATE.error && /*#__PURE__*/React.createElement(WhatsNewResultsError, {
     onSearch: onSearchWhatsNewArticles
   }))));
 };

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

@@ -19,7 +19,7 @@ export const SelectContainer = styled.div`
   width: ${19 * gridSize()}px;
 `;
 export const WhatsNewResultsListContainer = styled.div`
-  padding-top: ${gridSize() * 2}px;
+  padding-top: ${gridSize()}px;
 `;
 export const WhatsNewResultsListTitleContainer = styled.div`
   padding: 0 ${gridSize()}px;

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

@@ -196,7 +196,8 @@ export const NavigationContextProvider = ({
   } = useHomeContext();
   const {
     onSearch,
-    isSearchResultVisible
+    isSearchResultVisible,
+    searchValue
   } = useSearchContext();
   const {
     onCloseButtonClick
@@ -302,8 +303,16 @@ export const NavigationContextProvider = ({
      * overlay disapear and show the last element in the history or (if is defined) the default content
      * */
     if (currentView === VIEW.SEARCH && onSearch) {
-      onSearch('');
-      return;
+      if (searchValue !== '') {
+        onSearch('');
+        return;
+      } else {
+        dispatchNavigationAction({
+          type: 'updateView',
+          payload: currentArticleId.type
+        });
+        return;
+      }
     } //  if the history is not empty and ...
 
 
@@ -321,7 +330,7 @@ export const NavigationContextProvider = ({
         });
       }
     }
-  }, [currentView, onSearch, currentHistory.length]);
+  }, [currentView, onSearch, currentHistory.length, searchValue, currentArticleId.type]);
   const onClose = useCallback((event, analyticsEvent) => {
     if (onCloseButtonClick) {
       dispatchNavigationAction({

package/dist/es2019/components/styled.js

@@ -22,7 +22,7 @@ export const HelpBody = styled.div`
   align-self: auto;
   position: relative;
   overflow-x: hidden;
-  overflow-y: scroll;
+  overflow-y: auto;
 `;
 export const Home = styled.div`
   display: ${props => props.isOverlayFullyVisible ? 'none' : 'block'};

package/dist/es2019/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export const messages = defineMessages({
   help_loading: {
     id: 'help.loading',
@@ -210,6 +210,26 @@ export const messages = defineMessages({
     defaultMessage: `Experiment`,
     description: `text for the "Release types" dropdown option "Experiment"`
   },
+  help_whats_new_no_results: {
+    id: 'help.whats.new_no_results',
+    defaultMessage: `We can’t find any recent releases of that type.`,
+    description: `text to display when the "What's new" API returns an empty array of articles"`
+  },
+  help_whats_new_no_results_info: {
+    id: 'help.whats.new_no_results_info',
+    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: {
+    id: 'help.whats.new_no_results_clear_filter_button_label',
+    defaultMessage: `Clear the filter`,
+    description: `text to display when the "What's new" API returns an empty array of articles"`
+  },
+  help_whats_new_no_results_clear_filter_info: {
+    id: 'help.whats.new_no_results_clear_filter_button_label',
+    defaultMessage: ` to try again.`,
+    description: `text to display when the "What's new" API returns an empty array of articles"`
+  },
   help_whats_new_related_link_support: {
     id: 'help.whats_new.related_links.support',
     defaultMessage: `Support documentation`,

package/dist/es2019/util/styled.js

@@ -80,9 +80,9 @@ export const WhatsNewTypeIcon = styled.div`
   display: inline-block;
   vertical-align: middle;
   position: relative;
-  height: ${gridSize() * 4}px;
-  width: ${gridSize() * 4}px;
-  border-radius: 50%;
+  height: ${gridSize() * 2}px;
+  width: ${gridSize() * 2}px;
+  border-radius: 2px;
   background-color: ${({
   type
 }) => {
@@ -108,8 +108,8 @@ export const WhatsNewTypeIcon = styled.div`
 }};
 
   & > img {
-    width: ${gridSize() * 2}px;
-    height: ${gridSize() * 2}px;
+    width: calc(100% - ${gridSize() / 2}px);
+    height: calc(100% - ${gridSize() / 2}px);
     position: absolute;
     left: 50%;
     top: 50%;

package/dist/es2019/version.json

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

package/dist/esm/assets/WhatsNewIcoExperiment.svg

@@ -1,9 +1,5 @@
-<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<rect width="16" height="15" fill="url(#pattern0)"/>
-<defs>
-<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
-<use xlink:href="#image0" transform="translate(0 -0.0185185) scale(0.0138889 0.0148148)"/>
-</pattern>
-<image id="image0" width="72" height="70" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABGCAYAAABv59I3AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAs0lEQVR42u3b0QpGQBCA0Rl5bzz5/rcK2fxG0fmurTgNFzYZJ7XWWnSUmXmwfu5cP1es/7chBAhQYXn1nXNDS+mN3fROMkGAAAECBAgQIEACBAgQIECAAAHSqvFF1zp1Hrf7pfLq7ogJ8ogBKi2rTvyV3RETBAgQIECAAAECJECAAAECBAgQIK3a7Go89W+GCQIESBGR/s0wQYAAAQIECBAgAQIECBAgQIAACRAgQIAAvaIfCu0nh+lmem4AAAAASUVORK5CYII="/>
-</defs>
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.4675 3V5.369L3.4985 9.5H8.501L6.532 5.369V3H5.4675ZM9.404 9.07C9.47661 9.22244 9.50943 9.39079 9.49941 9.55934C9.48939 9.72789 9.43686 9.89116 9.3467 10.0339C9.25655 10.1767 9.13171 10.2943 8.98384 10.3758C8.83596 10.4573 8.66985 10.5 8.501 10.5H3.4985C3.32969 10.4999 3.16365 10.4572 3.01584 10.3756C2.86803 10.2941 2.74326 10.1765 2.65316 10.0337C2.56307 9.89096 2.51058 9.72772 2.50058 9.55921C2.49059 9.3907 2.52341 9.2224 2.596 9.07L4.4675 5.143V2H7.5325V5.143L9.404 9.07Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 6.5H7.5L9 10H3L4.5 6.5Z" fill="white"/>
+<path d="M7.5 1.5H4.5C4.22386 1.5 4 1.72386 4 2C4 2.27614 4.22386 2.5 4.5 2.5H7.5C7.77614 2.5 8 2.27614 8 2C8 1.72386 7.77614 1.5 7.5 1.5Z" fill="white"/>
 </svg>

package/dist/esm/assets/WhatsNewIconFix.svg

@@ -1,9 +1,5 @@
-<svg width="14" height="17" viewBox="0 0 14 17" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<rect width="14" height="17" fill="url(#pattern0)"/>
-<defs>
-<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
-<use xlink:href="#image0" transform="translate(-0.0143849) scale(0.0168651 0.0138889)"/>
-</pattern>
-<image id="image0" width="61" height="72" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAABICAYAAABFjf2bAAAACXBIWXMAABYlAAAWJQFJUiTwAAAEHUlEQVR42u2brZvbRhDG3/EjYGho6DJDsZjFYccqGFaFBSaohe1f0JaFxfBYDI/limIWhZlF0OwMxd4Cj5K9vV3FllaW5HiY77F9+1vNx7sza0FDIzkG8BrABEAmImsENpIxgERfrkQkb/J9owBrmiowAMRox8zvnTX9shF+QrtCX6HrJ51pC+uc9A16Z72etbCJk4r/d35oESmshSxazNwAkPfFvTemK2pdDfGUxxb0Vje5F9BbAOZilrrgppYAGHs2t1to3f2NlXiSACpsbrp1UyUWPHuLyL0V23OSi5rAUwA3xp8KAMHkbRQ46awBpIZL3pDMddFLAM89UjUH8B+AcuNeWm59JyL7YA+ohTo910WXbv7sxIyeAfhiZOlWDjFoATwh+YnN7CvJPwIlxNaBY11wCHsgmQ4B+IHhLf3ZgPsJTnJC8jPbt7hP0H/zPPa5L8AzntfSPkC/PzP0187FCcmH0If8I+yFyt7za2+SSQfAAPBrlweOrrJp3CX0846gl12est525N5Xu9rVGtRpkjMcBnVjRxbtKqZddXqnvbSiViIjOdEsOXfAlvYbAjf3A6nELYCNr5EYOT4wVtjFgD14jkNjMgewtvtrkQU81f6Wz2XtnSs6BLPX4gq/GYDXJO9EJHsS0wqcOj6Y4TBZ2Dq84mNToVA7GYmIJyQXmmtsjnUJLhXAO33jriJ2egVthWiCx8OCb+CRB3irbyiGGNC67lsdNphDg4QkIgfwMPrMx8FvSBZ4PGJKRpcKbIBnsEZCEQ6Dt4XWtbuKGHHdMOisEa+Cyba9a/wjIhlJqKvvfpQM5roh0x6Kk788f99rxcl886/IAxzrrowH6NGlklyS3AC4txNy5Hi6L/soLWvaQpXZrVl6xQJOHa6817jP7ZrdpzqtwmSmwmTmUI6rcv1SAVzgMBfOBihOZhqeUxf4yAO8A/CuCrjnZSoXkXea0MxKk5KcRh7g1VDVmAW/1lIVm+CjSwU2we0nPsL3yzEXB+wBL8pENnEVcj2MLDQbTgYgTgo9Z29d+ajkjHQn9o7stxxgvR4bXZOlCpPMeOJ7X7voZuCtIlOZJaoub82wtQt8gqdzokLP17kKFdN+x+H3G120il74emOOUHyUr+QHwE7tan3mQwfQKxF5VSFOXGeHb+DiAS7UJfIjjni9nE9XiK7VyAN8ys+A/j0zcHbMQF69c4XH91WnpTiJfcL8SPvHEett2tsTe2VPwEf43ruuA1yWgXM97ftTr124wMVoBe2b3LTV605t30z4pe6db4MznOLUG4Nt2pteqgGSf7YE/LHXMojkh8DAD9oV6TV06HuiMYZgAW8Ep4NS+wES2xsM0UimNYHfD/p8VwN82MA1wC8D+ATwywI+AvwygSvALxvYUcc7KUv/A1QKjXmbIBaHAAAAAElFTkSuQmCC"/>
-</defs>
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.5 4.65298C3.5 3.18798 4.619 1.99998 6 1.99998C7.3805 1.99998 8.4995 3.18798 8.4995 4.65298V7.84698C8.4995 9.31198 7.3805 10.5 6 10.5C4.619 10.5 3.5 9.31198 3.5 7.84698V4.65298ZM4.4995 7.84698C4.4995 8.72598 5.1715 9.43848 6 9.43848C6.8285 9.43848 7.5 8.72598 7.5 7.84698V4.65298C7.5 3.77398 6.8285 3.06148 6 3.06148C5.1715 3.06148 4.4995 3.77398 4.4995 4.65298V7.84698Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 6.19848C1.86739 6.19848 1.74022 6.25116 1.64645 6.34493C1.55268 6.4387 1.5 6.56587 1.5 6.69848C1.5 6.83109 1.55268 6.95827 1.64645 7.05204C1.74022 7.1458 1.86739 7.19848 2 7.19848H3.5C3.63261 7.19848 3.75979 7.1458 3.85355 7.05204C3.94732 6.95827 4 6.83109 4 6.69848C4 6.56587 3.94732 6.4387 3.85355 6.34493C3.75979 6.25116 3.63261 6.19848 3.5 6.19848H2ZM8.5 6.19848C8.3702 6.20259 8.24708 6.25704 8.15671 6.35031C8.06634 6.44359 8.01581 6.56836 8.01581 6.69823C8.01581 6.8281 8.06634 6.95288 8.15671 7.04615C8.24708 7.13942 8.3702 7.19388 8.5 7.19798H10.0005C10.0675 7.2001 10.1342 7.18874 10.1966 7.16458C10.2591 7.14042 10.3161 7.10395 10.3642 7.05733C10.4123 7.01072 10.4506 6.95491 10.4767 6.89322C10.5028 6.83153 10.5163 6.76522 10.5163 6.69823C10.5163 6.63124 10.5028 6.56493 10.4767 6.50324C10.4506 6.44156 10.4123 6.38575 10.3642 6.33913C10.3161 6.29252 10.2591 6.25605 10.1966 6.23188C10.1342 6.20772 10.0675 6.19636 10.0005 6.19848H8.5ZM3.8365 7.86998L1.825 8.60998C1.70142 8.65642 1.60114 8.74972 1.54592 8.86963C1.49069 8.98954 1.48497 9.12638 1.53 9.25048C1.55175 9.31185 1.58544 9.36831 1.62913 9.41658C1.67282 9.46486 1.72564 9.50401 1.78454 9.53176C1.84344 9.55951 1.90725 9.57532 1.9723 9.57828C2.03734 9.58124 2.10233 9.57128 2.1635 9.54898L4.174 8.80898C4.28298 8.76774 4.37418 8.6898 4.4319 8.58857C4.48962 8.48735 4.51024 8.36917 4.49023 8.25438C4.47022 8.13958 4.41083 8.03536 4.32226 7.95963C4.2337 7.88391 4.12151 7.84142 4.005 7.83948C3.94734 7.83944 3.89012 7.8496 3.836 7.86948L3.8365 7.86998ZM1.531 4.13598C1.50856 4.19725 1.49863 4.26239 1.50178 4.32756C1.50493 4.39273 1.52111 4.4566 1.54935 4.51542C1.57759 4.57424 1.61733 4.6268 1.66622 4.67C1.71511 4.71321 1.77216 4.74619 1.834 4.76698L3.819 5.46698C4.0825 5.56048 4.374 5.42898 4.469 5.17348C4.49152 5.11219 4.50151 5.047 4.4984 4.98177C4.49529 4.91655 4.47913 4.85261 4.45088 4.79373C4.42263 4.73486 4.38287 4.68225 4.33394 4.63901C4.28501 4.59577 4.2279 4.56277 4.166 4.54198L2.181 3.84198C2.12529 3.82221 2.06662 3.81207 2.0075 3.81198C1.8005 3.81198 1.605 3.93598 1.531 4.13598ZM9.799 3.86998L7.841 4.55398C7.571 4.64848 7.431 4.93548 7.53 5.19498C7.6285 5.45448 7.9275 5.58798 8.1975 5.49348L10.1555 4.80948C10.4255 4.71498 10.5655 4.42798 10.4665 4.16898C10.4278 4.07107 10.3602 3.9872 10.2728 3.92846C10.1855 3.86972 10.0823 3.83887 9.977 3.83998C9.9185 3.83998 9.858 3.84948 9.799 3.86998ZM7.53 8.17998C7.5068 8.24382 7.49645 8.31162 7.49953 8.37948C7.50262 8.44733 7.51908 8.51391 7.54799 8.57538C7.57689 8.63686 7.61765 8.69201 7.66794 8.73768C7.71822 8.78334 7.77704 8.81862 7.841 8.84148L9.799 9.54798C9.92846 9.59503 10.0713 9.589 10.1963 9.53122C10.3213 9.47343 10.4185 9.36857 10.4665 9.23948C10.4898 9.17561 10.5002 9.10777 10.4971 9.03985C10.4941 8.97194 10.4776 8.9053 10.4487 8.84377C10.4198 8.78224 10.379 8.72704 10.3287 8.68134C10.2784 8.63564 10.2195 8.60034 10.1555 8.57748L8.1975 7.87048C8.06799 7.82332 7.92507 7.82935 7.8 7.88726C7.67492 7.94516 7.57785 8.05022 7.53 8.17948V8.17998Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.3575 4.69848C4.22489 4.69848 4.09772 4.75116 4.00395 4.84493C3.91018 4.9387 3.8575 5.06587 3.8575 5.19848C3.8575 5.33109 3.91018 5.45827 4.00395 5.55204C4.09772 5.6458 4.22489 5.69848 4.3575 5.69848H7.3575C7.49011 5.69848 7.61729 5.6458 7.71105 5.55204C7.80482 5.45827 7.8575 5.33109 7.8575 5.19848C7.8575 5.06587 7.80482 4.9387 7.71105 4.84493C7.61729 4.75116 7.49011 4.69848 7.3575 4.69848H4.3575ZM4.415 1.66498C4.30016 1.73129 4.21637 1.8405 4.18205 1.96858C4.14773 2.09667 4.1657 2.23314 4.232 2.34798L4.607 2.99798C4.63959 3.0553 4.6832 3.10561 4.73531 3.14602C4.78743 3.18642 4.84702 3.21611 4.91065 3.23339C4.97429 3.25066 5.04072 3.25518 5.10611 3.24668C5.1715 3.23818 5.23456 3.21683 5.29166 3.18386C5.34877 3.15089 5.39879 3.10695 5.43884 3.05457C5.4789 3.00219 5.5082 2.9424 5.52505 2.87866C5.5419 2.81491 5.54598 2.74845 5.53705 2.68312C5.52812 2.61779 5.50635 2.55487 5.473 2.49798L5.098 1.84798C5.06527 1.79096 5.02158 1.74096 4.96946 1.70088C4.91734 1.66079 4.85781 1.6314 4.79429 1.61439C4.73078 1.59738 4.66453 1.5931 4.59935 1.60178C4.53417 1.61046 4.47185 1.63194 4.415 1.66498ZM6.98 1.85748L6.6075 2.50198C6.57451 2.55907 6.55308 2.62211 6.54445 2.68748C6.53581 2.75285 6.54014 2.81929 6.55718 2.88299C6.59159 3.01164 6.6757 3.12135 6.791 3.18798C6.9063 3.25462 7.04336 3.27272 7.17201 3.23831C7.23571 3.22127 7.29543 3.19185 7.34776 3.15173C7.40009 3.11161 7.44401 3.06157 7.477 3.00448L7.848 2.35948C7.89192 2.28322 7.91505 2.19677 7.91511 2.10877C7.91516 2.02077 7.89212 1.9343 7.8483 1.85798C7.80447 1.78167 7.7414 1.71819 7.66536 1.67388C7.58933 1.62957 7.503 1.60599 7.415 1.60548C7.3267 1.60533 7.23993 1.62857 7.16353 1.67284C7.08712 1.7171 7.0238 1.78081 6.98 1.85748Z" fill="white"/>
 </svg>

package/dist/esm/assets/WhatsNewIconImprovement.svg

@@ -1,10 +1,3 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg fill="none" viewBox="0 0 16 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<rect width="16" height="17" fill="url(#a)"/>
-<defs>
-<pattern id="a" width="1" height="1" patternContentUnits="objectBoundingBox">
-<use transform="translate(-.03125) scale(.014757 .013889)" xlink:href="#b"/>
-</pattern>
-<image id="b" width="72" height="72" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAEyElEQVR42uWcrXLbQBDH/3tjYChoFkNDl5k1ZWERK6zzBJk8QZI3CCyLzcKasLI6zCyGhoJmdVHFtsCrxHFs6e50t5KnO5MJsKVb/3Tab4lgIcw8ADAE0AfQ3fk4B5ABWAJYElGOhoWZxwA+AzgVnXdlBuCJiO6qztWxXLMLYFDx2QBAzsxzAPMmQDHzDYBLAEnFV08BTG3OSQ6LDwGkll/PATwQUaYEZgjgXna5jVwQ0SQoIA9IAPBIRIvIcFKBk4SG4wyobZCY+RTAL4dDnOB4AfKENAl9uzFzH8BLrJ1TiPFRTnbET4dDUmbuBt5ALrfVnQ8cb0AiK4fvJgBGgd34qcMhf3zXMtCTUcBddK2ltGHmgdiU2FIWS7nav75G6MDMNx2JHQbMjNguWQDVXSPVgCPecd3ZuhqpAqQQV/6zEpwEQGJ2cqs08u3WbQlkGzgHjXSqZJNaBWgfnLJktYhbylx5D8cjJxJ1l4Uhe+Oqsmz+rKU/NvPYRWP584qDNMsSeSBAamKUFwyx1rOmvgabSuAxAZop6vtYANK6zVZ1T0BEmoCmRkqjc6UFa8dBUubQkBkRLYo4aK60i0LEV2MlQBevgaLsogeFRWslxnKsRiZ/VRT4zNa9nQF4VFjcK1LfinRjy2S7HUQHFEkVFLGuVR9KAyLBuXjnFEoMYaqgUCUkJThrua0mH7xmiWJdbMqko0BZuDMkJTgTALeHmgpksb23O6d9HG49ZxLndMVbDepA8oAzw6ZbWuRq53hrl+/ulgWAJ1m3NHj1bfskAPKy9nKd/pkHnA+2I5RQTAPjA0n+twJOdEAekHoAvrYFjgogB0g9AN8cHEJ0OGqALCC1Eo4qoBJIrYWjDmgPpFbDaUyka/mdmf+yvdzjfxEB9NsBzktTraimbjGXOKeIep0S3GM20r5w0AQkOjI46pDoCOGoQqIjhaMGybQMzgRSLLeU6IMWnTbBKYJAZoZDght1rokcfmyKzfBSH29FqEz+nrHpI82kXDuGW/fhQ4TsUSpZYPMIxIqZe3hf4CsmUXJsinorABkRLWsBkmnSa8SdCTyYPig0ENYCde4ESHbBPdxGbYPCUYRUgHogolUlIBk0+oEGWiwNQ9rrFWlHkVTgoC1wmoZENbyOGpwGID0UBnw7DrpXgDOrU8+RK6uRYrw+W2LkytwgzORFlUwDnENjVKcLmdEsdtClUs6a1Q7c9niaSDJk5sRIrJMoLVo7npIgUEtGBpFH+3fkPMA5Bor69o1CMPhu27ZhFzpIzygvGGKtRFHf0mz+DuVP6p3AY16QmRMiWisDyiocRDHqYw2o8gFYSUnGnj9wDV3JqsaHmXm1Lwg1PnBquum6rj6PpNcCe2Y0jSacQDtnFfHifYBk8DbaHxsOAqUJUQPFHUh5B5sC+VQBDmBfjK8yuKPYkKTs2+/YvCImZCkhgPJLZl7HdvdFYqz53HzI11NoPVtSq+3jcgXXAG4DXt25o8HvqgLael+PrVxFeJeQy7MlI9/+mfGE49rvmkSwEStHm+bVZCQFOFEnwmK/z4giwrnS8pDyErrUwdZYQ6IIcGYSdGZQFKkhnzmUVKwg2dqgtMJrZJL9fyKiL9pwxCblRPQoeswrIu7ctvTyDyBAnc10aBFBAAAAAElFTkSuQmCC"/>
-</defs>
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.638 2.19104L3.6785 4.62354L1.247 5.58204C1.17438 5.61085 1.11209 5.66082 1.06821 5.72545C1.02432 5.79009 1.00085 5.86641 1.00085 5.94454C1.00085 6.02266 1.02432 6.09899 1.06821 6.16362C1.11209 6.22826 1.17438 6.27822 1.247 6.30704L3.6785 7.26604L4.638 9.69754C4.66682 9.77015 4.71678 9.83244 4.78141 9.87633C4.84605 9.92022 4.92237 9.94368 5.0005 9.94368C5.07863 9.94368 5.15495 9.92022 5.21958 9.87633C5.28422 9.83244 5.33418 9.77015 5.363 9.69754H5.3625L6.3215 7.26604L8.7535 6.30654C8.82592 6.27753 8.88799 6.22749 8.93171 6.16288C8.97543 6.09827 8.9988 6.02205 8.9988 5.94404C8.9988 5.86602 8.97543 5.7898 8.93171 5.72519C8.88799 5.66058 8.82592 5.61055 8.7535 5.58154L6.3215 4.62354L5.3625 2.19104C5.34288 2.14136 5.31321 2.09626 5.27535 2.05858C5.2375 2.02089 5.19227 1.99143 5.1425 1.97204C5.09496 1.95323 5.04419 1.94397 4.99307 1.9448C4.94196 1.94563 4.89151 1.95653 4.84461 1.97686C4.79771 1.9972 4.75527 2.02659 4.71974 2.06334C4.6842 2.10009 4.65625 2.14348 4.6375 2.19104H4.638ZM8.7865 1.17604L8.415 2.11904L7.473 2.49054C7.42134 2.51147 7.3771 2.54736 7.34595 2.59359C7.3148 2.63982 7.29816 2.69429 7.29816 2.75004C7.29816 2.80578 7.3148 2.86026 7.34595 2.90649C7.3771 2.95272 7.42134 2.9886 7.473 3.00954L8.415 3.38104L8.7865 4.32404C8.80706 4.3761 8.8428 4.42077 8.88907 4.45225C8.93535 4.48373 8.99003 4.50056 9.046 4.50056C9.10197 4.50056 9.15664 4.48373 9.20292 4.45225C9.2492 4.42077 9.28494 4.3761 9.3055 4.32404L9.678 3.38104L10.6195 3.00954C10.6718 2.98918 10.7167 2.95351 10.7483 2.90721C10.78 2.86091 10.7969 2.80612 10.7969 2.75004C10.7969 2.69395 10.78 2.63917 10.7483 2.59287C10.7167 2.54656 10.6718 2.5109 10.6195 2.49054L9.678 2.11904L9.3055 1.17654C9.29163 1.14092 9.27051 1.10858 9.24348 1.08155C9.21646 1.05453 9.18411 1.03341 9.1485 1.01954C9.07963 0.992897 9.00305 0.994432 8.93531 1.02381C8.86756 1.05319 8.81411 1.10805 8.7865 1.17654V1.17604ZM8.4345 7.67754L8.0625 8.61904L7.121 8.99104C7.08522 9.00482 7.05269 9.02589 7.02549 9.05292C6.99829 9.07995 6.97701 9.11234 6.963 9.14804C6.93614 9.21701 6.93769 9.29381 6.96729 9.36164C6.9969 9.42948 7.05216 9.48283 7.121 9.51004L8.0625 9.88154L8.4345 10.8235C8.463 10.8955 8.5195 10.9525 8.5915 10.981C8.66041 11.0079 8.73715 11.0064 8.80498 10.9769C8.8728 10.9474 8.9262 10.8923 8.9535 10.8235L9.3255 9.88154L10.267 9.51004C10.3193 9.48968 10.3642 9.45401 10.3958 9.40771C10.4275 9.3614 10.4444 9.30662 10.4444 9.25054C10.4444 9.19445 10.4275 9.13967 10.3958 9.09337C10.3642 9.04707 10.3193 9.0114 10.267 8.99104L9.3255 8.61904L8.9535 7.67754C8.93971 7.64167 8.91858 7.60909 8.89146 7.58188C8.86433 7.55467 8.83182 7.53343 8.796 7.51954C8.72709 7.49283 8.65041 7.49446 8.5827 7.52406C8.51498 7.55365 8.46171 7.60882 8.4345 7.67754V7.67754Z" fill="white"/>
 </svg>

package/dist/esm/assets/WhatsNewIconNew.svg

@@ -1,10 +1,3 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg fill="none" viewBox="0 0 17 12" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<rect width="17" height="12" fill="url(#a)"/>
-<defs>
-<pattern id="a" width="1" height="1" patternContentUnits="objectBoundingBox">
-<use transform="translate(-.0011765) scale(.014118 .02)" xlink:href="#b"/>
-</pattern>
-<image id="b" width="71" height="50" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAAAyCAYAAAAOX8ZtAAAACXBIWXMAABYlAAAWJQFJUiTwAAADIElEQVRo3u1boXLbQBTczWimggoTVFACHdSyul8Qh4U1YYXJJ4QVuqxF9R/UZSmqWQMNwyqooqrMbAv8PNUop1S2JUWWtTMey2frfFq/3ffuTgb2HJIiSdeSvkj6Iely9Z63p4QMALwFMAQwsOYFgA8AIkkhycTbI0JGAM6MkMjxkQcjCPZ+d8mRFABYETIqccqvzPEJgHuvg3IZmmQGa56eZI7DTniOpGEmOqItuoozx74k39thuby256CCblNHW+jtCCFRjpCq4SIn8FruH/l0WxfaT06JdFsX/rgavZb4x1lNcimLhaMt8p5JLpum27qQPFvkVJhuG4VXs1yqTLdNozpZNZBu60RcGDkW9inJeYvTbfOykvTdLg6SxiRvWppuGwclKVsMkTxsabqtE7dlDDlocbp9/mwl6WfX5VKmxgGAA1cK27MAWaxDTo+enJ6cnpyenJ6cnpyenJ6cnpyenCwOAVwBmMK9ZdE1FE6X8ksWIMncRDS7utfVeddtUeTEmdeTR+yRU5I3JI8AnFpH832QFW0x6xrLha5x2RMlXWO55nOM5S0bnYscbtqb3R62kplvEfgSu7nbcFtntloAuCN5ZcuspwDGKFjVbyHCxlI5yXnGp44A3ACYtZgc39GW1F7nkIxJjkm+2bEyYXFQd2jmiEpJTkiem/yuANy3gCinR26z4xnn6p4Tu9B1kAD4Zo/QBnmM5nc8gqpllTfbyLaEy2a7IEdCAmBM8tR8aiW/JvCiUlmRjB1yGEnyS3Zx4TDCecanJiTPzafOrUCtS34uS0i39ZyZIzwvJYVPRIwv6Z1jQDOSiwKfmtZcJrh+0JTb9porBvNR8JC5iNB8aeAYTAJg4iLnP98d4d9W9bDiQnBcBTk+gMsy2eqJAnJCMtlyHEGOqHWr9E/4t/u5IPmeVcSkEXSxwaw9ATDdlpiCMa27mvA1M6Feel7FA3plv5pf0q/u15XShuMaZKKqqEyYG0Er/5uxhoH45i0nFtoruaUWKTGAeROkPOFTQzy+pSbF8i9FAPCxjmjeKUgKJI0kfZb0W9KdLcUAAP4CGrc9WziY2VsAAAAASUVORK5CYII="/>
-</defs>
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.4405 2.73996L1.2275 6.15446C1.0295 6.31446 0.9365 6.63246 1.021 6.86296L1.0705 6.99896C1.1545 7.22996 1.4335 7.41346 1.684 7.40896L2.2495 7.39896L5.2805 7.34796L7.1065 7.31646C7.3615 7.31146 7.5005 7.12396 7.4145 6.88596L5.953 2.87096C5.9005 2.72696 5.791 2.65046 5.6695 2.65046C5.58512 2.65296 5.50421 2.68458 5.4405 2.73996V2.73996ZM2.49 7.97646L3.367 10.3855C3.38852 10.4484 3.42237 10.5063 3.46657 10.556C3.51077 10.6056 3.56442 10.646 3.6244 10.6747C3.68437 10.7033 3.74946 10.7198 3.81586 10.723C3.88226 10.7262 3.94863 10.7161 4.0111 10.6934C4.07356 10.6707 4.13087 10.6357 4.17966 10.5906C4.22845 10.5454 4.26775 10.491 4.29526 10.4305C4.32276 10.3699 4.33792 10.3045 4.33985 10.2381C4.34179 10.1716 4.33045 10.1055 4.3065 10.0435L3.537 7.92946L2.49 7.97646ZM9.3455 3.42096L7.936 3.93396C7.8731 3.95549 7.81513 3.98934 7.76548 4.03353C7.71582 4.07773 7.67547 4.13138 7.6468 4.19136C7.61812 4.25133 7.6017 4.31642 7.59848 4.38282C7.59526 4.44922 7.60532 4.51559 7.62805 4.57806C7.65079 4.64053 7.68576 4.69783 7.73091 4.74662C7.77606 4.79541 7.83049 4.83471 7.89101 4.86222C7.95153 4.88972 8.01692 4.90489 8.08337 4.90682C8.14982 4.90875 8.21599 4.89741 8.278 4.87346L9.688 4.36046C9.74972 4.33797 9.80641 4.30355 9.85483 4.25915C9.90324 4.21475 9.94244 4.16126 9.97018 4.10171C9.99792 4.04216 10.0137 3.97774 10.0165 3.91211C10.0194 3.84648 10.0092 3.78093 9.98675 3.71921C9.96426 3.65749 9.92984 3.6008 9.88544 3.55239C9.84104 3.50397 9.78754 3.46477 9.728 3.43703C9.66845 3.40929 9.60403 3.39355 9.5384 3.3907C9.47277 3.38786 9.40722 3.39797 9.3455 3.42046V3.42096ZM8.4495 5.34346C8.36708 5.37365 8.29399 5.42489 8.2375 5.49208C8.18101 5.55927 8.14309 5.64008 8.1275 5.72646C8.10467 5.85705 8.13452 5.99137 8.21053 6.09999C8.28653 6.20861 8.40249 6.28267 8.533 6.30596L10.0105 6.56596C10.0958 6.58097 10.1835 6.57357 10.2651 6.54449C10.3466 6.51541 10.4192 6.46564 10.4758 6.40007C10.5323 6.3345 10.5709 6.25536 10.5877 6.17041C10.6044 6.08546 10.5989 5.99761 10.5715 5.91546L10.563 5.89196C10.5319 5.81196 10.4807 5.74133 10.4143 5.68694C10.3479 5.63254 10.2686 5.59621 10.184 5.58146L8.7065 5.32096C8.62037 5.30522 8.53159 5.313 8.4495 5.34346V5.34346ZM8.1755 1.52396L7.211 2.67296C7.12573 2.77454 7.08431 2.90583 7.09584 3.03795C7.10738 3.17007 7.17092 3.29219 7.2725 3.37746C7.37408 3.46273 7.50537 3.50415 7.63749 3.49262C7.76961 3.48109 7.89173 3.41754 7.977 3.31596L8.941 2.16696C9.00197 2.09402 9.04091 2.00523 9.05326 1.91097C9.06561 1.81671 9.05085 1.72088 9.01073 1.6347C8.9706 1.54852 8.90676 1.47555 8.82667 1.42432C8.74658 1.3731 8.65357 1.34575 8.5585 1.34546C8.48546 1.34521 8.41327 1.36108 8.34706 1.39193C8.28086 1.42279 8.22228 1.46787 8.1755 1.52396V1.52396Z" fill="white"/>
 </svg>

package/dist/esm/assets/WhatsNewIconRemoved.svg

@@ -1,9 +1,3 @@
-<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<rect width="16" height="17" fill="url(#pattern0)"/>
-<defs>
-<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
-<use xlink:href="#image0" transform="translate(0 -0.013369) scale(0.0151515 0.0142602)"/>
-</pattern>
-<image id="image0" width="66" height="72" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABICAYAAABCzyOOAAAACXBIWXMAABYlAAAWJQFJUiTwAAADmklEQVR42u1cu1LbQBQ9V+OCDpXuUDq6qKRDqVLiLulwviDhC0i+wJMvcOiSzimpLDqoEJ1TIXdOhdKpuyl0NSwaIdBj9T4zjLAFu6vje899LAtBI5jZAWADOJCrKdfXwJWrB2ALwCMiV9daScODnwBwcjxwXrgArgCsiMhDW8DMNjMvmPmB68c9M39lZqtJAhxmXnN7sKyVEGa2WkZAGiGmbhLmDblAXjyIXmkhYcndw3wkoWoyRJW7jlmpPIKZbQC36D4CAG+IKHjuB4wXBligHzABnBeyCInJ9+gPMq0iyyJm6BdMSf1zu8Yx+ge7CBFmD4k4LiqWg8FIhGBS4Vhn0kRR4QA4BWBlKPmZ3D/PuO8nXPYYwLwW981ZYS4LpuiLF+b7mjGmycy3OTPMtW7X2L7CWtLi97/CrbUoHzhrrUZIqb6Wr5myaLfkuAtlXEvGdRNu0yqxtEQbkn3LuwpygLRxW0tEXelya6OG2mWOsaowU71A1L1GIjrZrSRC/NZNKeedkuP+SNOjqkKodtcQEpYaxnWqbBNMNC3QJ6JYxM6rMF/59C0A+9CwgaRDIxxEW3yf5PX3ikr607Lu1YRrzBOx3kXLoVMj1Nrh25CJSFqFNwQiDpTv95+xijT32M8xh9ZKc1Lhp7+VjO9LyvtIvK/ev1PS8iQ+M7Mv922dRGR1sdc6VbohuET0rk+1RqfEciRiJGIkYiSiN5g0PH+Ax26TiQZ315ogwkfUv9wACFOyRwtRN8vsKxEBgN/IbrYGUpN4kkm+B7DXJyJ2iHqOYY7f8YS0DwCmfRDLIiSoFnIBDV3ruokIS5CgjvGr60RcliRBtarrtmvETqLAThHCOBT6Fa71CsAfmScUEZ1KlHlbNspMShJw+czDBhr8OkzMFb/2ETV97DJhtygRnoTCNsGT3OQEwGEdGtFGEpLC6ukmYtNiEpIivdNFRCgTdAG512rkdIkA3YGfJ2rlIeKmg9X1TdVEBB2zBtUqioVPOQ9lA/iLxz/M6CIJqlbEFeyWmY8QnSF9kvGSQsAeon2MI/QfIYBr9UAtKSTM6yh325aEEdFK1YjZAEkAADs+DWjIjvUhhguHmU1jIJrwEo6MgVtDDGvc14gwHYkoUYb3Mq8wOpw1VpqKG9JjGDo2BqLucDhgEgIi8gw5VLIaqjYA+JksuqYAPqKf5z3TsEP0D3t2T4hQCLElybJQ0wZsnW4gPYoNET3Rxv+tSlPRijqnuwAAAABJRU5ErkJggg=="/>
-</defs>
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 2.5C2.36739 2.5 2.24021 2.55268 2.14645 2.64645C2.05268 2.74021 2 2.86739 2 3V3.5H10V3C10 2.86739 9.94732 2.74021 9.85355 2.64645C9.75979 2.55268 9.63261 2.5 9.5 2.5H2.5ZM8.075 10H3.9225C3.80422 9.99997 3.68978 9.958 3.59952 9.88156C3.50926 9.80512 3.44902 9.69916 3.4295 9.5825L2.5 4H9.5L8.568 9.583C8.54847 9.69961 8.48821 9.80551 8.39794 9.88187C8.30767 9.95823 8.19323 10.0001 8.075 10V10ZM4.5 2.25C4.49999 2.18447 4.52571 2.12155 4.57163 2.0748C4.61754 2.02804 4.67998 2.00118 4.7455 2H7.2545C7.32002 2.00118 7.38246 2.02804 7.42837 2.0748C7.47429 2.12155 7.50001 2.18447 7.5 2.25V2.5H4.5V2.25Z" fill="white"/>
 </svg>

package/dist/esm/components/Article/ArticleLoadingFail/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import Button from '@atlaskit/button/custom-theme-button';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import { name as packageName, version as packageVersion } from '../../../version.json';
 import { messages } from '../../../messages';

package/dist/esm/components/Article/HelpArticle/Loading/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { messages } from '../../../../messages';
 import { LoadingRectangle } from '../../../../util/styled';
 export var Loading = function Loading(_ref) {

package/dist/esm/components/Article/HelpArticle/WasHelpfulForm/WasHelpfulNoButton.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import Button from '@atlaskit/button/custom-theme-button';
 import { name as packageName, version as packageVersion } from '../../../../version.json';

package/dist/esm/components/Article/HelpArticle/WasHelpfulForm/WasHelpfulYesButton.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import Button from '@atlaskit/button/custom-theme-button';
 import { name as packageName, version as packageVersion } from '../../../../version.json';

package/dist/esm/components/Article/HelpArticle/WasHelpfulForm/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useState } from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import SectionMessage from '@atlaskit/section-message';
 import ButtonGroup from '@atlaskit/button/button-group';

package/dist/esm/components/Article/WhatsNewArticle/Loading/index.js

@@ -1,14 +1,23 @@
 import React from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { gridSize } from '@atlaskit/theme/constants';
 import { messages } from '../../../../messages';
-import { LoadingRectangle, LoadingCircle } from '../../../../util/styled';
+import { LoadingRectangle } from '../../../../util/styled';
 export var Loading = function Loading(_ref) {
   var formatMessage = _ref.intl.formatMessage;
   return /*#__PURE__*/React.createElement("div", {
     "aria-label": formatMessage(messages.help_loading),
     role: "img"
-  }, /*#__PURE__*/React.createElement(LoadingCircle, null), /*#__PURE__*/React.createElement(LoadingRectangle, {
+  }, /*#__PURE__*/React.createElement(LoadingRectangle, {
+    style: {
+      display: 'inline-block',
+      verticalAlign: 'middle',
+      position: 'relative'
+    },
+    contentHeight: "16px",
+    contentWidth: "16px",
+    marginTop: "4px"
+  }), /*#__PURE__*/React.createElement(LoadingRectangle, {
     style: {
       marginLeft: "".concat(gridSize(), "px")
     },
@@ -16,7 +25,7 @@ export var Loading = function Loading(_ref) {
     contentWidth: "60px",
     marginTop: "4px"
   }), /*#__PURE__*/React.createElement(LoadingRectangle, {
-    marginTop: "16px"
+    marginTop: "8px"
   }), /*#__PURE__*/React.createElement(LoadingRectangle, {
     contentWidth: "90%",
     marginTop: "16px"

package/dist/esm/components/Article/WhatsNewArticle/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { BODY_FORMAT_TYPES } from '@atlaskit/help-article';
 import HelpArticleContent from '@atlaskit/help-article';
 import { gridSize } from '@atlaskit/theme/constants';

package/dist/esm/components/ArticlesList/ArticlesListItem/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 import * as colors from '@atlaskit/theme/colors';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { name as packageName, version as packageVersion } from '../../../version.json';
 // import { messages } from '../../../messages';
 import { ArticlesListItemTypeTitle, ArticlesListItemWrapper, ArticlesListItemContainer, ArticlesListItemTitleText, ArticlesListItemDescription, ArticlesListItemLinkIcon } from './styled';

package/dist/esm/components/MessagesIntlProvider.js

@@ -1,11 +1,12 @@
 import React from 'react';
-import { IntlProvider, injectIntl } from 'react-intl';
-import { getMessagesForLocale } from '../util/i18n-util';
+import { IntlProvider, injectIntl } from 'react-intl-next';
 export var MessagesIntlProvider = function MessagesIntlProvider(_ref) {
-  var intl = _ref.intl,
+  var _ref$locale = _ref.locale,
+      locale = _ref$locale === void 0 ? 'en' : _ref$locale,
       children = _ref.children;
   return /*#__PURE__*/React.createElement(IntlProvider, {
-    messages: getMessagesForLocale(intl.locale)
+    key: locale,
+    locale: locale
   }, children);
 };
 export default injectIntl(MessagesIntlProvider);

package/dist/esm/components/RelatedArticles/RelatedArticlesLoading.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { messages } from '../../messages';
 import { DividerLine, LoadingRectangle } from '../../util/styled';
 import { LoadignRelatedArticleList, LoadignRelatedArticleListItem } from './styled';