@atlaskit/help 6.0.0 → 6.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/assets/WhatsNewIcoExperiment.svg +4 -8
  3. package/dist/cjs/assets/WhatsNewIconFix.svg +4 -8
  4. package/dist/cjs/assets/WhatsNewIconImprovement.svg +2 -9
  5. package/dist/cjs/assets/WhatsNewIconNew.svg +2 -9
  6. package/dist/cjs/assets/WhatsNewIconRemoved.svg +2 -8
  7. package/dist/cjs/components/Article/WhatsNewArticle/Loading/index.js +11 -2
  8. package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/styled.js +2 -4
  9. package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/styled.js +1 -1
  10. package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsLoading/index.js +45 -5
  11. package/dist/cjs/components/WhatsNew/WhatsNewResults/WhatsNewResultsLoading/styled.js +1 -1
  12. package/dist/cjs/components/WhatsNew/WhatsNewResults/index.js +3 -3
  13. package/dist/cjs/components/WhatsNew/WhatsNewResults/styled.js +1 -1
  14. package/dist/cjs/messages.js +1 -1
  15. package/dist/cjs/util/styled.js +2 -2
  16. package/dist/cjs/version.json +1 -1
  17. package/dist/es2019/assets/WhatsNewIcoExperiment.svg +4 -8
  18. package/dist/es2019/assets/WhatsNewIconFix.svg +4 -8
  19. package/dist/es2019/assets/WhatsNewIconImprovement.svg +2 -9
  20. package/dist/es2019/assets/WhatsNewIconNew.svg +2 -9
  21. package/dist/es2019/assets/WhatsNewIconRemoved.svg +2 -8
  22. package/dist/es2019/components/Article/WhatsNewArticle/Loading/index.js +12 -3
  23. package/dist/es2019/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/styled.js +4 -3
  24. package/dist/es2019/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/styled.js +1 -1
  25. package/dist/es2019/components/WhatsNew/WhatsNewResults/WhatsNewResultsLoading/index.js +46 -6
  26. package/dist/es2019/components/WhatsNew/WhatsNewResults/WhatsNewResultsLoading/styled.js +1 -0
  27. package/dist/es2019/components/WhatsNew/WhatsNewResults/index.js +3 -3
  28. package/dist/es2019/components/WhatsNew/WhatsNewResults/styled.js +1 -1
  29. package/dist/es2019/messages.js +1 -1
  30. package/dist/es2019/util/styled.js +5 -5
  31. package/dist/es2019/version.json +1 -1
  32. package/dist/esm/assets/WhatsNewIcoExperiment.svg +4 -8
  33. package/dist/esm/assets/WhatsNewIconFix.svg +4 -8
  34. package/dist/esm/assets/WhatsNewIconImprovement.svg +2 -9
  35. package/dist/esm/assets/WhatsNewIconNew.svg +2 -9
  36. package/dist/esm/assets/WhatsNewIconRemoved.svg +2 -8
  37. package/dist/esm/components/Article/WhatsNewArticle/Loading/index.js +12 -3
  38. package/dist/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/WhatsNewResultItem/styled.js +3 -3
  39. package/dist/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsList/styled.js +1 -1
  40. package/dist/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsLoading/index.js +46 -6
  41. package/dist/esm/components/WhatsNew/WhatsNewResults/WhatsNewResultsLoading/styled.js +1 -1
  42. package/dist/esm/components/WhatsNew/WhatsNewResults/index.js +3 -3
  43. package/dist/esm/components/WhatsNew/WhatsNewResults/styled.js +1 -1
  44. package/dist/esm/messages.js +1 -1
  45. package/dist/esm/util/styled.js +2 -2
  46. package/dist/esm/version.json +1 -1
  47. package/dist/types/assets/WhatsNewIcoExperiment.svg +4 -8
  48. package/dist/types/assets/WhatsNewIconFix.svg +4 -8
  49. package/dist/types/assets/WhatsNewIconImprovement.svg +2 -9
  50. package/dist/types/assets/WhatsNewIconNew.svg +2 -9
  51. package/dist/types/assets/WhatsNewIconRemoved.svg +2 -8
  52. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/help
2
2
 
3
+ ## 6.0.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`f8482a54a69`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f8482a54a69) - [ux] Update "What's new" section design
8
+
3
9
  ## 6.0.0
4
10
 
5
11
  ### Major Changes
@@ -1,9 +1,5 @@
1
- <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">
2
- <rect width="16" height="15" fill="url(#pattern0)"/>
3
- <defs>
4
- <pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
5
- <use xlink:href="#image0" transform="translate(0 -0.0185185) scale(0.0138889 0.0148148)"/>
6
- </pattern>
7
- <image id="image0" width="72" height="70" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABGCAYAAABv59I3AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAs0lEQVR42u3b0QpGQBCA0Rl5bzz5/rcK2fxG0fmurTgNFzYZJ7XWWnSUmXmwfu5cP1es/7chBAhQYXn1nXNDS+mN3fROMkGAAAECBAgQIEACBAgQIECAAAHSqvFF1zp1Hrf7pfLq7ogJ8ogBKi2rTvyV3RETBAgQIECAAAECJECAAAECBAgQIK3a7Go89W+GCQIESBGR/s0wQYAAAQIECBAgAQIECBAgQIAACRAgQIAAvaIfCu0nh+lmem4AAAAASUVORK5CYII="/>
8
- </defs>
1
+ <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <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"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 6.5H7.5L9 10H3L4.5 6.5Z" fill="white"/>
4
+ <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"/>
9
5
  </svg>
@@ -1,9 +1,5 @@
1
- <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">
2
- <rect width="14" height="17" fill="url(#pattern0)"/>
3
- <defs>
4
- <pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
5
- <use xlink:href="#image0" transform="translate(-0.0143849) scale(0.0168651 0.0138889)"/>
6
- </pattern>
7
- <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"/>
8
- </defs>
1
+ <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <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"/>
3
+ <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"/>
4
+ <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"/>
9
5
  </svg>
@@ -1,10 +1,3 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <svg fill="none" viewBox="0 0 16 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
- <rect width="16" height="17" fill="url(#a)"/>
4
- <defs>
5
- <pattern id="a" width="1" height="1" patternContentUnits="objectBoundingBox">
6
- <use transform="translate(-.03125) scale(.014757 .013889)" xlink:href="#b"/>
7
- </pattern>
8
- <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"/>
9
- </defs>
1
+ <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <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"/>
10
3
  </svg>
@@ -1,10 +1,3 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <svg fill="none" viewBox="0 0 17 12" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
- <rect width="17" height="12" fill="url(#a)"/>
4
- <defs>
5
- <pattern id="a" width="1" height="1" patternContentUnits="objectBoundingBox">
6
- <use transform="translate(-.0011765) scale(.014118 .02)" xlink:href="#b"/>
7
- </pattern>
8
- <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="/>
9
- </defs>
1
+ <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <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"/>
10
3
  </svg>
@@ -1,9 +1,3 @@
1
- <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">
2
- <rect width="16" height="17" fill="url(#pattern0)"/>
3
- <defs>
4
- <pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
5
- <use xlink:href="#image0" transform="translate(0 -0.013369) scale(0.0151515 0.0142602)"/>
6
- </pattern>
7
- <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=="/>
8
- </defs>
1
+ <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <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"/>
9
3
  </svg>
@@ -22,7 +22,16 @@ var Loading = function Loading(_ref) {
22
22
  return /*#__PURE__*/_react.default.createElement("div", {
23
23
  "aria-label": formatMessage(_messages.messages.help_loading),
24
24
  role: "img"
25
- }, /*#__PURE__*/_react.default.createElement(_styled.LoadingCircle, null), /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
25
+ }, /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
26
+ style: {
27
+ display: 'inline-block',
28
+ verticalAlign: 'middle',
29
+ position: 'relative'
30
+ },
31
+ contentHeight: "16px",
32
+ contentWidth: "16px",
33
+ marginTop: "4px"
34
+ }), /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
26
35
  style: {
27
36
  marginLeft: "".concat((0, _constants.gridSize)(), "px")
28
37
  },
@@ -30,7 +39,7 @@ var Loading = function Loading(_ref) {
30
39
  contentWidth: "60px",
31
40
  marginTop: "4px"
32
41
  }), /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
33
- marginTop: "16px"
42
+ marginTop: "8px"
34
43
  }), /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
35
44
  contentWidth: "90%",
36
45
  marginTop: "16px"
@@ -15,8 +15,6 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
15
15
 
16
16
  var _constants = require("@atlaskit/theme/constants");
17
17
 
18
- var _typography = require("@atlaskit/theme/typography");
19
-
20
18
  var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
21
19
 
22
20
  var _templateObject, _templateObject2, _templateObject3;
@@ -58,10 +56,10 @@ var WhatsNewResultListItemTitleContainer = _styled.default.div(_templateObject |
58
56
 
59
57
  exports.WhatsNewResultListItemTitleContainer = WhatsNewResultListItemTitleContainer;
60
58
 
61
- 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);
59
+ 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);
62
60
 
63
61
  exports.WhatsNewResultListItemTitleText = WhatsNewResultListItemTitleText;
64
62
 
65
- 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);
63
+ 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);
66
64
 
67
65
  exports.WhatsNewResultListItemDescription = WhatsNewResultListItemDescription;
@@ -36,7 +36,7 @@ var WhatsNewResultsListContainer = _styled.default.div(_templateObject2 || (_tem
36
36
 
37
37
  exports.WhatsNewResultsListContainer = WhatsNewResultsListContainer;
38
38
 
39
- var WhatsNewResultsListGroupWrapper = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n padding: ", "px 0 0 0;\n"])), (0, _constants.gridSize)());
39
+ var WhatsNewResultsListGroupWrapper = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n padding: ", "px 0 ", "px 0;\n"])), (0, _constants.gridSize)(), (0, _constants.gridSize)());
40
40
 
41
41
  exports.WhatsNewResultsListGroupWrapper = WhatsNewResultsListGroupWrapper;
42
42
 
@@ -23,14 +23,27 @@ var _styled3 = require("../styled");
23
23
 
24
24
  var WhatsNewResultsLoading = function WhatsNewResultsLoading(_ref) {
25
25
  var formatMessage = _ref.intl.formatMessage;
26
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled2.LoadignWhatsNewResultsList, {
26
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
27
+ contentHeight: "".concat((0, _constants.gridSize)() * 5, "px"),
28
+ contentWidth: "152px",
29
+ marginTop: "0"
30
+ }), /*#__PURE__*/_react.default.createElement(_styled2.LoadignWhatsNewResultsList, {
27
31
  "aria-label": formatMessage(_messages.messages.help_loading),
28
32
  role: "img"
29
33
  }, /*#__PURE__*/_react.default.createElement(_styled3.WhatsNewResultsListTitleContainer, null, /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
30
34
  contentHeight: "11px",
31
35
  contentWidth: "60px",
32
36
  marginTop: "0"
33
- })), /*#__PURE__*/_react.default.createElement(_styled2.LoadignWhatsNewResultsListItem, null, /*#__PURE__*/_react.default.createElement(_styled.LoadingCircle, null), /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
37
+ })), /*#__PURE__*/_react.default.createElement(_styled2.LoadignWhatsNewResultsListItem, null, /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
38
+ style: {
39
+ display: 'inline-block',
40
+ verticalAlign: 'middle',
41
+ position: 'relative'
42
+ },
43
+ contentHeight: "16px",
44
+ contentWidth: "16px",
45
+ marginTop: "4px"
46
+ }), /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
34
47
  style: {
35
48
  marginLeft: "".concat((0, _constants.gridSize)(), "px")
36
49
  },
@@ -43,7 +56,16 @@ var WhatsNewResultsLoading = function WhatsNewResultsLoading(_ref) {
43
56
  }), /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
44
57
  contentWidth: "90%",
45
58
  marginTop: "4px"
46
- })), /*#__PURE__*/_react.default.createElement(_styled2.LoadignWhatsNewResultsListItem, null, /*#__PURE__*/_react.default.createElement(_styled.LoadingCircle, null), /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
59
+ })), /*#__PURE__*/_react.default.createElement(_styled2.LoadignWhatsNewResultsListItem, null, /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
60
+ style: {
61
+ display: 'inline-block',
62
+ verticalAlign: 'middle',
63
+ position: 'relative'
64
+ },
65
+ contentHeight: "16px",
66
+ contentWidth: "16px",
67
+ marginTop: "4px"
68
+ }), /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
47
69
  style: {
48
70
  marginLeft: "".concat((0, _constants.gridSize)(), "px")
49
71
  },
@@ -60,7 +82,16 @@ var WhatsNewResultsLoading = function WhatsNewResultsLoading(_ref) {
60
82
  contentHeight: "11px",
61
83
  contentWidth: "60px",
62
84
  marginTop: "0"
63
- })), /*#__PURE__*/_react.default.createElement(_styled2.LoadignWhatsNewResultsListItem, null, /*#__PURE__*/_react.default.createElement(_styled.LoadingCircle, null), /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
85
+ })), /*#__PURE__*/_react.default.createElement(_styled2.LoadignWhatsNewResultsListItem, null, /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
86
+ style: {
87
+ display: 'inline-block',
88
+ verticalAlign: 'middle',
89
+ position: 'relative'
90
+ },
91
+ contentHeight: "16px",
92
+ contentWidth: "16px",
93
+ marginTop: "4px"
94
+ }), /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
64
95
  style: {
65
96
  marginLeft: "".concat((0, _constants.gridSize)(), "px")
66
97
  },
@@ -73,7 +104,16 @@ var WhatsNewResultsLoading = function WhatsNewResultsLoading(_ref) {
73
104
  }), /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
74
105
  contentWidth: "90%",
75
106
  marginTop: "4px"
76
- })), /*#__PURE__*/_react.default.createElement(_styled2.LoadignWhatsNewResultsListItem, null, /*#__PURE__*/_react.default.createElement(_styled.LoadingCircle, null), /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
107
+ })), /*#__PURE__*/_react.default.createElement(_styled2.LoadignWhatsNewResultsListItem, null, /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
108
+ style: {
109
+ display: 'inline-block',
110
+ verticalAlign: 'middle',
111
+ position: 'relative'
112
+ },
113
+ contentHeight: "16px",
114
+ contentWidth: "16px",
115
+ marginTop: "4px"
116
+ }), /*#__PURE__*/_react.default.createElement(_styled.LoadingRectangle, {
77
117
  style: {
78
118
  marginLeft: "".concat((0, _constants.gridSize)(), "px")
79
119
  },
@@ -18,7 +18,7 @@ var _templateObject, _templateObject2;
18
18
  /**
19
19
  * Loading styled-components
20
20
  */
21
- 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"])));
21
+ 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);
22
22
 
23
23
  exports.LoadignWhatsNewResultsList = LoadignWhatsNewResultsList;
24
24
 
@@ -130,7 +130,7 @@ var WhatsNewResults = function WhatsNewResults(_ref) {
130
130
  }, function (state) {
131
131
  return /*#__PURE__*/_react.default.createElement(_styled.WhatsNewResultsContainer, {
132
132
  style: _objectSpread(_objectSpread({}, defaultStyle), transitionStyles[state])
133
- }, searchWhatsNewArticlesState !== _Requests.REQUEST_STATE.error && /*#__PURE__*/_react.default.createElement(_styled.SelectContainer, null, /*#__PURE__*/_react.default.createElement(_select.default, {
133
+ }, /*#__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, {
134
134
  defaultValue: selectedOption,
135
135
  className: "single-select",
136
136
  classNamePrefix: "react-select",
@@ -165,7 +165,7 @@ var WhatsNewResults = function WhatsNewResults(_ref) {
165
165
  onSearchWhatsNewArticles(selectedOptionValue, _constants.NUMBER_OF_WHATS_NEW_ITEMS_PER_PAGE, '');
166
166
  }
167
167
  }
168
- })), /*#__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, {
168
+ })), /*#__PURE__*/_react.default.createElement(_styled.WhatsNewResultsListContainer, null, searchWhatsNewArticlesResult.articles.length > 0 ? /*#__PURE__*/_react.default.createElement(_WhatsNewResultsList.default, {
169
169
  whatsNewArticles: searchWhatsNewArticlesResult.articles,
170
170
  onWhatsNewResultItemClick: onWhatsNewButtonClick,
171
171
  onShowMoreButtonClick: handleOnShowMoreButtonClick,
@@ -174,7 +174,7 @@ var WhatsNewResults = function WhatsNewResults(_ref) {
174
174
  loadingMore: searchWhatsNewArticlesState === _Requests.REQUEST_STATE.loading
175
175
  }) : /*#__PURE__*/_react.default.createElement(_WhatsNewResultsEmpty.default, {
176
176
  onClearFilter: handleOnClearFilter
177
- })), searchWhatsNewArticlesState === _Requests.REQUEST_STATE.error && /*#__PURE__*/_react.default.createElement(_WhatsNewResultsError.default, {
177
+ }))), searchWhatsNewArticlesState === _Requests.REQUEST_STATE.error && /*#__PURE__*/_react.default.createElement(_WhatsNewResultsError.default, {
178
178
  onSearch: onSearchWhatsNewArticles
179
179
  })));
180
180
  });
@@ -23,7 +23,7 @@ var SelectContainer = _styled.default.div(_templateObject2 || (_templateObject2
23
23
 
24
24
  exports.SelectContainer = SelectContainer;
25
25
 
26
- var WhatsNewResultsListContainer = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n padding-top: ", "px;\n"])), (0, _constants.gridSize)() * 2);
26
+ var WhatsNewResultsListContainer = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n padding-top: ", "px;\n"])), (0, _constants.gridSize)());
27
27
 
28
28
  exports.WhatsNewResultsListContainer = WhatsNewResultsListContainer;
29
29
 
@@ -225,7 +225,7 @@ var messages = (0, _reactIntlNext.defineMessages)({
225
225
  },
226
226
  help_whats_new_no_results_info: {
227
227
  id: 'help.whats.new_no_results_info',
228
- defaultMessage: "We only display 3 months of recent releases.",
228
+ defaultMessage: "We only display three months of recent releases.",
229
229
  description: "text to display when the \"What's new\" API returns an empty array of articles\""
230
230
  },
231
231
  help_whats_new_no_results_clear_filter_button_label: {
@@ -64,7 +64,7 @@ var LoadingCircle = _styled.default.div(_templateObject4 || (_templateObject4 =
64
64
 
65
65
  exports.LoadingCircle = LoadingCircle;
66
66
 
67
- 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) {
67
+ 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) {
68
68
  var type = _ref.type;
69
69
 
70
70
  switch (type) {
@@ -86,6 +86,6 @@ var WhatsNewTypeIcon = _styled.default.div(_templateObject5 || (_templateObject5
86
86
  default:
87
87
  return colors.N400;
88
88
  }
89
- }, (0, _constants.gridSize)() * 2, (0, _constants.gridSize)() * 2);
89
+ }, (0, _constants.gridSize)() / 2, (0, _constants.gridSize)() / 2);
90
90
 
91
91
  exports.WhatsNewTypeIcon = WhatsNewTypeIcon;
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/help",
3
- "version": "6.0.0",
3
+ "version": "6.0.1",
4
4
  "sideEffects": false
5
5
  }
@@ -1,9 +1,5 @@
1
- <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">
2
- <rect width="16" height="15" fill="url(#pattern0)"/>
3
- <defs>
4
- <pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
5
- <use xlink:href="#image0" transform="translate(0 -0.0185185) scale(0.0138889 0.0148148)"/>
6
- </pattern>
7
- <image id="image0" width="72" height="70" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABGCAYAAABv59I3AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAs0lEQVR42u3b0QpGQBCA0Rl5bzz5/rcK2fxG0fmurTgNFzYZJ7XWWnSUmXmwfu5cP1es/7chBAhQYXn1nXNDS+mN3fROMkGAAAECBAgQIEACBAgQIECAAAHSqvFF1zp1Hrf7pfLq7ogJ8ogBKi2rTvyV3RETBAgQIECAAAECJECAAAECBAgQIK3a7Go89W+GCQIESBGR/s0wQYAAAQIECBAgAQIECBAgQIAACRAgQIAAvaIfCu0nh+lmem4AAAAASUVORK5CYII="/>
8
- </defs>
1
+ <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <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"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 6.5H7.5L9 10H3L4.5 6.5Z" fill="white"/>
4
+ <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"/>
9
5
  </svg>
@@ -1,9 +1,5 @@
1
- <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">
2
- <rect width="14" height="17" fill="url(#pattern0)"/>
3
- <defs>
4
- <pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
5
- <use xlink:href="#image0" transform="translate(-0.0143849) scale(0.0168651 0.0138889)"/>
6
- </pattern>
7
- <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"/>
8
- </defs>
1
+ <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <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"/>
3
+ <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"/>
4
+ <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"/>
9
5
  </svg>
@@ -1,10 +1,3 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <svg fill="none" viewBox="0 0 16 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
- <rect width="16" height="17" fill="url(#a)"/>
4
- <defs>
5
- <pattern id="a" width="1" height="1" patternContentUnits="objectBoundingBox">
6
- <use transform="translate(-.03125) scale(.014757 .013889)" xlink:href="#b"/>
7
- </pattern>
8
- <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"/>
9
- </defs>
1
+ <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <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"/>
10
3
  </svg>
@@ -1,10 +1,3 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <svg fill="none" viewBox="0 0 17 12" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
- <rect width="17" height="12" fill="url(#a)"/>
4
- <defs>
5
- <pattern id="a" width="1" height="1" patternContentUnits="objectBoundingBox">
6
- <use transform="translate(-.0011765) scale(.014118 .02)" xlink:href="#b"/>
7
- </pattern>
8
- <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="/>
9
- </defs>
1
+ <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <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"/>
10
3
  </svg>
@@ -1,9 +1,3 @@
1
- <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">
2
- <rect width="16" height="17" fill="url(#pattern0)"/>
3
- <defs>
4
- <pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
5
- <use xlink:href="#image0" transform="translate(0 -0.013369) scale(0.0151515 0.0142602)"/>
6
- </pattern>
7
- <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=="/>
8
- </defs>
1
+ <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <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"/>
9
3
  </svg>
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { injectIntl } from 'react-intl-next';
3
3
  import { gridSize } from '@atlaskit/theme/constants';
4
4
  import { messages } from '../../../../messages';
5
- import { LoadingRectangle, LoadingCircle } from '../../../../util/styled';
5
+ import { LoadingRectangle } from '../../../../util/styled';
6
6
  export const Loading = ({
7
7
  intl: {
8
8
  formatMessage
@@ -10,7 +10,16 @@ export const Loading = ({
10
10
  }) => /*#__PURE__*/React.createElement("div", {
11
11
  "aria-label": formatMessage(messages.help_loading),
12
12
  role: "img"
13
- }, /*#__PURE__*/React.createElement(LoadingCircle, null), /*#__PURE__*/React.createElement(LoadingRectangle, {
13
+ }, /*#__PURE__*/React.createElement(LoadingRectangle, {
14
+ style: {
15
+ display: 'inline-block',
16
+ verticalAlign: 'middle',
17
+ position: 'relative'
18
+ },
19
+ contentHeight: "16px",
20
+ contentWidth: "16px",
21
+ marginTop: "4px"
22
+ }), /*#__PURE__*/React.createElement(LoadingRectangle, {
14
23
  style: {
15
24
  marginLeft: `${gridSize()}px`
16
25
  },
@@ -18,7 +27,7 @@ export const Loading = ({
18
27
  contentWidth: "60px",
19
28
  marginTop: "4px"
20
29
  }), /*#__PURE__*/React.createElement(LoadingRectangle, {
21
- marginTop: "16px"
30
+ marginTop: "8px"
22
31
  }), /*#__PURE__*/React.createElement(LoadingRectangle, {
23
32
  contentWidth: "90%",
24
33
  marginTop: "16px"
@@ -1,7 +1,7 @@
1
1
  /** @jsx jsx */
2
2
  import styled from '@emotion/styled';
3
3
  import { gridSize } from '@atlaskit/theme/constants';
4
- import { h400 } from '@atlaskit/theme/typography';
4
+ import { fontSize, fontSizeSmall } from '@atlaskit/theme/constants';
5
5
  import * as colors from '@atlaskit/theme/colors';
6
6
  export const WhatsNewResultListItemWrapper = styled.a({
7
7
  position: `relative`,
@@ -33,7 +33,8 @@ export const WhatsNewResultListItemTitleContainer = styled.div`
33
33
  margin-bottom: ${gridSize() / 2}px;
34
34
  `;
35
35
  export const WhatsNewResultListItemTitleText = styled.span`
36
- ${h400()}
36
+ font-size: ${fontSizeSmall()}px;
37
+ line-height: ${fontSize()}px;
37
38
  display: inline-block;
38
39
  vertical-align: middle;
39
40
  margin: 0;
@@ -44,6 +45,6 @@ export const WhatsNewResultListItemTitleText = styled.span`
44
45
  export const WhatsNewResultListItemDescription = styled.p`
45
46
  display: block;
46
47
  line-height: ${gridSize() * 2.5}px;
47
- color: ${colors.N400};
48
+ color: ${colors.N800};
48
49
  margin: 0;
49
50
  `;
@@ -13,7 +13,7 @@ export const WhatsNewResultsListContainer = styled.div`
13
13
  position: relative;
14
14
  `;
15
15
  export const WhatsNewResultsListGroupWrapper = styled.div`
16
- padding: ${gridSize()}px 0 0 0;
16
+ padding: ${gridSize()}px 0 ${gridSize()}px 0;
17
17
  `;
18
18
  export const WhatsNewResultsListGroupTitle = styled.div`
19
19
  color: ${colors.N200};