Backward compatibility

UPGRADE-2.2.md

@@ -0,0 +1,6 @@
+# UPGRADE FROM `2.1` TO `2.2`
+
+### Deprecations
+
+1. Direct usage of `loader.svg` and `loader.gif` assets is deprecated.
+   Use `@SyliusAdmin/shared/helper/loader.html.twig` or `@SyliusShop/shared/macro/loader.html.twig` instead.

src/Sylius/Bundle/AdminBundle/Resources/assets/entrypoint.js

@@ -20,6 +20,7 @@ import './scripts/sticky-header';
 import './scripts/bootstrap';
 
 import './images/404.svg';
+import './images/loader.svg';
 import './images/no_data.svg';
 import './images/sylius-logo.svg';
 import './images/sylius-logo-dark-text.png';

src/Sylius/Bundle/AdminBundle/Resources/assets/images/loader.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" stroke="#23B99A" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><style>.spinner{transform-origin:center;animation:circle 2s linear infinite}.spinner circle{stroke-linecap:round;animation:cir 1.5s ease-in-out infinite}@keyframes circle{100%{transform:rotate(360deg)}}@keyframes cir{0%{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%{stroke-dasharray:42 150;stroke-dashoffset:-16}95%,100%{stroke-dasharray:42 150;stroke-dashoffset:-59}}</style><g class="spinner"><circle cx="12" cy="12" r="9.5" fill="none" stroke-width="3"></circle></g></svg>

src/Sylius/Bundle/ShopBundle/Resources/assets/styles/_loader.scss

@@ -24,7 +24,6 @@
     }
 
     .spinner-dots > div {
-        background-color: #f00;
         border-radius: 100%;
         display: inline-block;
     }