@atlaskit/help 4.2.4 → 6.0.1

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

@@ -13,8 +13,7 @@ export const WhatsNewArticleProvider = ({
   children
 }) => {
   // What's new
-  const [whatsNewSearchType, setWhatsNewSearchType] = useState(undefined); // const [whatsNewPage, setWhatsNewPage] = useState('');
-
+  const [whatsNewSearchType, setWhatsNewSearchType] = useState(undefined);
   const [searchWhatsNewArticlesResult, setSearchWhatsNewArticlesResult] = useState(null);
   const [searchWhatsNewArticlesState, setSearchWhatsNewArticlesState] = useState(REQUEST_STATE.done);
   const searchWhatsNew = useCallback(async (filter = '', numberOfItems = NUMBER_OF_WHATS_NEW_ITEMS_PER_PAGE, page = '') => {

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',
@@ -177,7 +177,7 @@ export const messages = defineMessages({
   },
   help_whats_new_button_label: {
     id: 'help.whats_new.button_label',
-    defaultMessage: `Whats's new`,
+    defaultMessage: `What's new`,
     description: `text for the "What's New" button`
   },
   help_whats_new_filter_select_option_all: {
@@ -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.2.4",
+	"version": "6.0.1",
 	"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/ArticleContent/index.js

@@ -9,7 +9,7 @@ export var ArticleContent = function ArticleContent(_ref) {
       onHelpArticleLoadingFailTryAgainButtonClick = _ref.onHelpArticleLoadingFailTryAgainButtonClick,
       onWhatsNewArticleLoadingFailTryAgainButtonClick = _ref.onWhatsNewArticleLoadingFailTryAgainButtonClick;
 
-  if (currentArticle) {
+  if (currentArticle && currentArticle.id) {
     if (currentArticle.type === ARTICLE_TYPE.HELP_ARTICLE) {
       var article = currentArticle.article;
 

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/HelpContent.js

@@ -38,9 +38,7 @@ export var HelpContent = function HelpContent(_ref) {
   var _useHeaderContext = useHeaderContext(),
       onBackButtonClick = _useHeaderContext.onBackButtonClick;
 
-  var isOverlayVisibleValue = isOverlayVisible();
-
-  var _useState = useState(isOverlayVisibleValue),
+  var _useState = useState(isOverlayVisible),
       _useState2 = _slicedToArray(_useState, 2),
       isOverlayFullyVisible = _useState2[0],
       setIsOverlayFullyVisible = _useState2[1];
@@ -57,12 +55,12 @@ export var HelpContent = function HelpContent(_ref) {
   useEffect(function () {
     var handler;
 
-    if (isOverlayVisibleValue) {
+    if (isOverlayVisible) {
       handler = setTimeout(function () {
-        setIsOverlayFullyVisible(isOverlayVisibleValue);
+        setIsOverlayFullyVisible(isOverlayVisible);
       }, HIDE_CONTENT_DELAY);
     } else {
-      setIsOverlayFullyVisible(isOverlayVisibleValue);
+      setIsOverlayFullyVisible(isOverlayVisible);
     }
 
     return function () {
@@ -70,16 +68,16 @@ export var HelpContent = function HelpContent(_ref) {
         clearTimeout(handler);
       }
     };
-  }, [isOverlayVisibleValue]);
+  }, [isOverlayVisible]);
   return /*#__PURE__*/React.createElement(HelpLayout, {
     onBackButtonClick: handleOnBackButtonClick,
     onCloseButtonClick: onClose,
-    isBackbuttonVisible: canNavigateBack(),
+    isBackbuttonVisible: canNavigateBack,
     footer: footer,
     headerContent: onSearch && /*#__PURE__*/React.createElement(SearchInput, null)
   }, /*#__PURE__*/React.createElement(HelpBodyContainer, null, /*#__PURE__*/React.createElement(HelpBody, null, /*#__PURE__*/React.createElement(SearchResults, null), /*#__PURE__*/React.createElement(ArticleComponent, null), /*#__PURE__*/React.createElement(Home, {
     isOverlayFullyVisible: isOverlayFullyVisible,
-    isOverlayVisible: isOverlayVisibleValue
+    isOverlayVisible: isOverlayVisible
   }, homeContent, onSearchWhatsNewArticles && onGetWhatsNewArticle && /*#__PURE__*/React.createElement(WhatsNewButton, null), homeOptions && homeOptions.map(function (defaultOption) {
     return /*#__PURE__*/React.createElement(HelpContentButton, _extends({
       key: defaultOption.id

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';

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

@@ -5,7 +5,7 @@ import React, { useState, useEffect, useCallback } from 'react';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';
 import SectionMessage from '@atlaskit/section-message';
 import Button from '@atlaskit/button/custom-theme-button';
-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 ArticlesList from '../ArticlesList';

package/dist/esm/components/Search/SearchInput/index.js

@@ -6,7 +6,7 @@ import { gridSize } from '@atlaskit/theme/constants';
 import Spinner from '@atlaskit/spinner';
 import SearchIcon from '@atlaskit/icon/glyph/search';
 import EditorCloseIcon from '@atlaskit/icon/glyph/editor/close';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { name as packageName, version as packageVersion } from '../../../version.json';
 import { REQUEST_STATE } from '../../../model/Requests';
 import { useSearchContext } from '../../contexts/searchContext';

package/dist/esm/components/Search/SearchResults/SearchExternalSite.js

@@ -3,7 +3,7 @@ import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import * as colors from '@atlaskit/theme/colors';
 import Button from '@atlaskit/button/custom-theme-button';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { messages } from '../../../messages';
 import { SearchResultSearchExternalSiteContainer } from './styled';
 export var SearchExternalSite = function SearchExternalSite(_ref) {

package/dist/esm/components/Search/SearchResults/SearchResultsEmpty.js

@@ -3,7 +3,7 @@ import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
 import * as colors from '@atlaskit/theme/colors';
 import Button from '@atlaskit/button/custom-theme-button';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import NotFoundImage from '../../../assets/NotFoundImage';
 import { messages } from '../../../messages';
 import { SearchResultEmptyMessageImage, SearchResultEmptyMessageText } from './styled';

package/dist/esm/components/Search/SearchResults/SearchResultsError.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 ErrorImage from '../../../assets/ErrorImage';
 import { messages } from '../../../messages';
 import { SearchResultEmptyMessageImage, SearchResultEmptyMessageText } from './styled';

package/dist/esm/components/ShowMoreButton/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import Spinner from '@atlaskit/spinner';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import Button from '@atlaskit/button/custom-theme-button';
 import { messages } from '../../messages';
 import { ToggleShowMoreArticlesContainer } from '../ArticlesList/styled';

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

@@ -2,7 +2,7 @@ import React, { useCallback } from 'react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import * as colors from '@atlaskit/theme/colors';
 import LightbulbIcon from '@atlaskit/icon/glyph/lightbulb';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { name as packageName, version as packageVersion } from '../../../version.json';
 import { useWhatsNewArticleContext } from '../../contexts/whatsNewArticleContext';
 import { useNavigationContext } from '../../contexts/navigationContext';

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

@@ -0,0 +1,32 @@
+import React from 'react';
+import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
+import { injectIntl } from 'react-intl-next';
+import NotFoundImage from '../../../../assets/NotFoundImage';
+import { messages } from '../../../../messages';
+import { WhatsNewResultsEmptyMessageImage, WhatsNewResultsEmptyMessageText } from './styled';
+export var WhatsNewResultsEmpty = function WhatsNewResultsEmpty(_ref) {
+  var onClearFilter = _ref.onClearFilter,
+      formatMessage = _ref.intl.formatMessage;
+
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+      createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+
+  var handleClearFilterLinkClick = function handleClearFilterLinkClick(event) {
+    event.preventDefault();
+    var analyticsEvent = createAnalyticsEvent({
+      action: 'clicked'
+    });
+    analyticsEvent.fire();
+    onClearFilter();
+  };
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WhatsNewResultsEmptyMessageImage, null, /*#__PURE__*/React.createElement(NotFoundImage, null)), /*#__PURE__*/React.createElement(WhatsNewResultsEmptyMessageText, null, /*#__PURE__*/React.createElement("strong", null, formatMessage(messages.help_whats_new_no_results))), /*#__PURE__*/React.createElement(WhatsNewResultsEmptyMessageText, null, /*#__PURE__*/React.createElement("p", null, formatMessage(messages.help_whats_new_no_results_info), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(AnalyticsContext, {
+    data: {
+      componentName: 'WhatsNewResultsEmpty'
+    }
+  }, /*#__PURE__*/React.createElement("a", {
+    href: "#",
+    onClick: handleClearFilterLinkClick
+  }, formatMessage(messages.help_whats_new_no_results_clear_filter_button_label)), /*#__PURE__*/React.createElement("span", null, formatMessage(messages.help_whats_new_no_results_clear_filter_info))))));
+};
+export default injectIntl(WhatsNewResultsEmpty);

package/dist/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsEmpty/styled.js

@@ -0,0 +1,10 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject, _templateObject2;
+
+/** @jsx jsx */
+import styled from '@emotion/styled';
+import { gridSize } from '@atlaskit/theme/constants';
+import * as colors from '@atlaskit/theme/colors';
+export var WhatsNewResultsEmptyMessageImage = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: ", "px ", "px 0 ", "px;\n  text-align: center;\n"])), 3 * gridSize(), 3 * gridSize(), 3 * gridSize());
+export var WhatsNewResultsEmptyMessageText = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: ", "px ", "px 0 ", "px;\n  text-align: center;\n\n  p {\n    color: ", ";\n  }\n"])), 3 * gridSize(), 3 * gridSize(), 3 * gridSize(), colors.N200);

package/dist/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsError/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 ErrorImage from '../../../../assets/ErrorImage';
 import { messages } from '../../../../messages';
 import { SearchResultEmptyMessageImage, SearchResultEmptyMessageText } from './styled';

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useAnalyticsEvents, AnalyticsContext } from '@atlaskit/analytics-next';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { name as packageName, version as packageVersion } from '../../../../../version.json';
 import { WHATS_NEW_ITEM_TYPES } from '../../../../../model/WhatsNew';
 import { getTypeIcon, getTypeTitle } from '../../../../../util';

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

@@ -5,7 +5,7 @@ var _templateObject, _templateObject2, _templateObject3;
 /** @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 var WhatsNewResultListItemWrapper = styled.a({
   position: "relative",
@@ -34,5 +34,5 @@ export var WhatsNewResultListItemWrapper = styled.a({
   return props.styles;
 });
 export var WhatsNewResultListItemTitleContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  white-space: nowrap;\n  margin-bottom: ", "px;\n"])), gridSize() / 2);
-export var WhatsNewResultListItemTitleText = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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"])), h400(), gridSize() / 2);
-export var WhatsNewResultListItemDescription = styled.p(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: block;\n  line-height: ", "px;\n  color: ", ";\n  margin: 0;\n"])), gridSize() * 2.5, colors.N400);
+export var WhatsNewResultListItemTitleText = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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"])), fontSizeSmall(), fontSize(), gridSize() / 2);
+export var WhatsNewResultListItemDescription = styled.p(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: block;\n  line-height: ", "px;\n  color: ", ";\n  margin: 0;\n"])), gridSize() * 2.5, colors.N800);

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

@@ -12,6 +12,6 @@ export var truncate = function truncate() {
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: ", ";\n"])), width);
 };
 export var WhatsNewResultsListContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: relative;\n"])));
-export var WhatsNewResultsListGroupWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: ", "px 0 0 0;\n"])), gridSize());
+export var WhatsNewResultsListGroupWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: ", "px 0 ", "px 0;\n"])), gridSize(), gridSize());
 export var WhatsNewResultsListGroupTitle = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: ", "px;\n  font-weight: bold;\n  padding: 0 ", "px ", "px ", "px;\n  text-transform: uppercase;\n"])), colors.N200, fontSizeSmall(), gridSize(), gridSize(), gridSize());
 export var ToggleShowWhatsNewResultsContainer = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  padding: ", "px 0;\n  span {\n    margin: 0;\n  }\n"])), gridSize());