@atlaskit/help 6.0.0 → 6.0.4

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/help
 
+## 6.0.4
+
+### Patch Changes
+
+- [`9c8157a146f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9c8157a146f) - [ux] Add tooltip to HelpContentButton and update "What's new" button label
+
+## 6.0.3
+
+### Patch Changes
+
+- [`78c9f070230`](https://bitbucket.org/atlassian/atlassian-frontend/commits/78c9f070230) - Bump algoliasearch version from ^3.33.0 to ^3.35.1. In @atlaskit/help we updated the example 3 and moved Algolia API related code to it's own react hook
+
+## 6.0.2
+
+### Patch Changes
+
+- [`87741daaab0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/87741daaab0) - [ux] Fix date formatting in the "What's new" results list
+
+## 6.0.1
+
+### Patch Changes
+
+- [`f8482a54a69`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f8482a54a69) - [ux] Update "What's new" section design
+
 ## 6.0.0
 
 ### Major Changes

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/components/Article/WhatsNewArticle/Loading/index.js

@@ -22,7 +22,16 @@ var Loading = function Loading(_ref) {
   return /*#__PURE__*/_react.default.createElement("div", {
     "aria-label": formatMessage(_messages.messages.help_loading),
     role: "img"
-  }, /*#__PURE__*/_react.default.createElement(_styled.LoadingCircle, null), /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
+  }, /*#__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")
     },
@@ -30,7 +39,7 @@ var Loading = function Loading(_ref) {
     contentWidth: "60px",
     marginTop: "4px"
   }), /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
-    marginTop: "16px"
+    marginTop: "8px"
   }), /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
     contentWidth: "90%",
     marginTop: "16px"

package/dist/cjs/components/HelpContent.js

@@ -56,7 +56,8 @@ var HelpContent = function HelpContent(_ref) {
 
   var _useWhatsNewArticleCo = (0, _whatsNewArticleContext.useWhatsNewArticleContext)(),
       onSearchWhatsNewArticles = _useWhatsNewArticleCo.onSearchWhatsNewArticles,
-      onGetWhatsNewArticle = _useWhatsNewArticleCo.onGetWhatsNewArticle;
+      onGetWhatsNewArticle = _useWhatsNewArticleCo.onGetWhatsNewArticle,
+      productName = _useWhatsNewArticleCo.productName;
 
   var _useNavigationContext = (0, _navigationContext.useNavigationContext)(),
       isOverlayVisible = _useNavigationContext.isOverlayVisible,
@@ -110,7 +111,9 @@ var HelpContent = function HelpContent(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_styled.HelpBodyContainer, null, /*#__PURE__*/_react.default.createElement(_styled.HelpBody, null, /*#__PURE__*/_react.default.createElement(_SearchResults.default, null), /*#__PURE__*/_react.default.createElement(_Article.default, null), /*#__PURE__*/_react.default.createElement(_styled.Home, {
     isOverlayFullyVisible: isOverlayFullyVisible,
     isOverlayVisible: isOverlayVisible
-  }, homeContent, onSearchWhatsNewArticles && onGetWhatsNewArticle && /*#__PURE__*/_react.default.createElement(_WhatsNewButton.default, null), homeOptions && homeOptions.map(function (defaultOption) {
+  }, homeContent, onSearchWhatsNewArticles && onGetWhatsNewArticle && /*#__PURE__*/_react.default.createElement(_WhatsNewButton.default, {
+    productName: productName
+  }), homeOptions && homeOptions.map(function (defaultOption) {
     return /*#__PURE__*/_react.default.createElement(_HelpContentButton.default, (0, _extends2.default)({
       key: defaultOption.id
     }, defaultOption));

package/dist/cjs/components/HelpContentButton/index.js

@@ -13,6 +13,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _shortcut = _interopRequireDefault(require("@atlaskit/icon/glyph/shortcut"));
 
+var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+
 var _notificationIndicator = require("@atlaskit/notification-indicator");
 
 var _analyticsNext = require("@atlaskit/analytics-next");
@@ -40,7 +42,8 @@ var HelpContentButton = function HelpContentButton(_ref) {
       notificationLogProvider = _ref.notificationLogProvider,
       text = _ref.text,
       icon = _ref.icon,
-      onClick = _ref.onClick;
+      onClick = _ref.onClick,
+      tooltipText = _ref.tooltipText;
 
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
       createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
@@ -53,14 +56,8 @@ var HelpContentButton = function HelpContentButton(_ref) {
       onClick(id, analyticsEvent, event);
     }
   }, [createAnalyticsEvent, id, onClick]);
-  return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
-    data: analitycsContextData
-  }, /*#__PURE__*/_react.default.createElement(_styled.HelpContentButtonContainer, {
-    onClick: handleOnClick,
-    href: href,
-    id: id,
-    target: href && '_blank'
-  }, /*#__PURE__*/_react.default.createElement(_styled.HelpContentButtonIcon, null, icon), /*#__PURE__*/_react.default.createElement(_styled.HelpContentButtonText, null, text, notificationLogProvider !== null && /*#__PURE__*/_react.default.createElement(_styled.HelpContentButtonExternalNotificationIcon, null, /*#__PURE__*/_react.default.createElement(_notificationIndicator.NotificationIndicator, {
+
+  var buttonContent = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.HelpContentButtonIcon, null, icon), /*#__PURE__*/_react.default.createElement(_styled.HelpContentButtonText, null, text, notificationLogProvider !== null && /*#__PURE__*/_react.default.createElement(_styled.HelpContentButtonExternalNotificationIcon, null, /*#__PURE__*/_react.default.createElement(_notificationIndicator.NotificationIndicator, {
     notificationLogProvider: notificationLogProvider,
     max: notificationMax,
     appearance: "primary"
@@ -69,7 +66,19 @@ var HelpContentButton = function HelpContentButton(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_shortcut.default, {
     size: "small",
     label: ""
-  })))));
+  }))));
+
+  return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
+    data: analitycsContextData
+  }, /*#__PURE__*/_react.default.createElement(_styled.HelpContentButtonContainer, {
+    onClick: handleOnClick,
+    href: href,
+    id: id,
+    target: href && '_blank'
+  }, tooltipText ? /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+    content: tooltipText,
+    position: "left"
+  }, buttonContent) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, buttonContent)));
 };
 
 var _default = HelpContentButton;

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

@@ -42,7 +42,8 @@ var ANALYTICS_CONTEXT_DATA = {
 };
 
 var WhatsNewButton = function WhatsNewButton(_ref) {
-  var formatMessage = _ref.intl.formatMessage;
+  var productName = _ref.productName,
+      formatMessage = _ref.intl.formatMessage;
 
   var _useWhatsNewArticleCo = (0, _whatsNewArticleContext.useWhatsNewArticleContext)(),
       onWhatsNewButtonClick = _useWhatsNewArticleCo.onWhatsNewButtonClick,
@@ -66,9 +67,12 @@ var WhatsNewButton = function WhatsNewButton(_ref) {
   return /*#__PURE__*/_react.default.createElement(_HelpContentButton.default, {
     id: "whats-new",
     key: "whats-new",
+    tooltipText: formatMessage(_messages.messages.help_whats_new_button_tooltip),
     notificationLogProvider: whatsNewGetNotificationProvider,
     onClick: handleOnButtonClick,
-    text: formatMessage(_messages.messages.help_whats_new_button_label),
+    text: productName ? formatMessage(_messages.messages.help_whats_new_button_label, {
+      productName: productName
+    }) : formatMessage(_messages.messages.help_whats_new_button_label_without_product_name),
     icon: /*#__PURE__*/_react.default.createElement(_lightbulb.default, {
       primaryColor: colors.N600,
       size: "medium",

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

@@ -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

@@ -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

@@ -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")
     },

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

@@ -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
     })));
   });

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

@@ -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/contexts/whatsNewArticleContext.js

@@ -44,6 +44,7 @@ var WhatsNewArticleProvider = function WhatsNewArticleProvider(_ref) {
       onSearchWhatsNewArticlesShowMoreClick = _ref.onSearchWhatsNewArticlesShowMoreClick,
       onWhatsNewResultItemClick = _ref.onWhatsNewResultItemClick,
       onGetWhatsNewArticle = _ref.onGetWhatsNewArticle,
+      productName = _ref.productName,
       children = _ref.children;
 
   // What's new
@@ -149,7 +150,8 @@ var WhatsNewArticleProvider = function WhatsNewArticleProvider(_ref) {
       searchWhatsNewArticlesState: searchWhatsNewArticlesState,
       searchWhatsNewArticlesResult: searchWhatsNewArticlesResult,
       onWhatsNewResultItemClick: onWhatsNewResultItemClick,
-      onGetWhatsNewArticle: onGetWhatsNewArticle
+      onGetWhatsNewArticle: onGetWhatsNewArticle,
+      productName: productName
     }
   }, children);
 };

package/dist/cjs/messages.js

@@ -185,9 +185,19 @@ var messages = (0, _reactIntlNext.defineMessages)({
   },
   help_whats_new_button_label: {
     id: 'help.whats_new.button_label',
-    defaultMessage: "What's new",
+    defaultMessage: 'Find out what’s changed in {productName}',
     description: "text for the \"What's New\" button"
   },
+  help_whats_new_button_label_without_product_name: {
+    id: 'help.whats_new.button_label',
+    defaultMessage: 'Find out what’s changed',
+    description: "text for the \"What's New\" button"
+  },
+  help_whats_new_button_tooltip: {
+    id: 'help.whats_new.button_tooltip',
+    defaultMessage: "Explore our full collection of help and support resources.",
+    description: "text for the \"What's New\" tooltip"
+  },
   help_whats_new_filter_select_option_all: {
     id: 'help.whats_new.filter_select_option_all',
     defaultMessage: "All release types",
@@ -225,7 +235,7 @@ var messages = (0, _reactIntlNext.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/styled.js

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

package/dist/cjs/version.json

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

package/dist/es2019/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/es2019/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>