@verdaccio/ui-theme 6.0.0-6-next.9 → 6.0.0-6-next.13

package/src/App/Footer/__snapshots__/Footer.test.tsx.snap

@@ -19,25 +19,24 @@ exports[`<Footer /> component should load the initial state of Footer component
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: end;
-  -webkit-justify-content: flex-end;
   -ms-flex-pack: end;
+  -webkit-justify-content: flex-end;
   justify-content: flex-end;
   width: 100%;
 }
 
-@media (min-width:768px) {
+@media (min-width: 768px) {
   .emotion-2 {
     min-width: 400px;
     max-width: 800px;
     margin: auto;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
-    -ms-flex-pack: justify;
     justify-content: space-between;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .emotion-2 {
     max-width: 1240px;
   }
@@ -51,7 +50,7 @@ exports[`<Footer /> component should load the initial state of Footer component
   display: none;
 }
 
-@media (min-width:768px) {
+@media (min-width: 768px) {
   .emotion-4 {
     display: -webkit-box;
     display: -webkit-flex;
@@ -74,7 +73,21 @@ exports[`<Footer /> component should load the initial state of Footer component
   visibility: visible;
 }
 
-.emotion-11 {
+.emotion-12 {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  width: 1em;
+  height: 1em;
+  display: inline-block;
+  fill: currentColor;
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  font-size: 1.5rem;
   width: 18px;
   height: 18px;
   margin: 0px 8px;
@@ -82,7 +95,7 @@ exports[`<Footer /> component should load the initial state of Footer component
 
 .emotion-13 {
   display: inline-grid;
-  grid-template-columns: repeat(8,max-content);
+  grid-template-columns: repeat(8, max-content);
   grid-gap: 0px 8px;
   position: absolute;
   background: #d3dddd;
@@ -106,13 +119,13 @@ exports[`<Footer /> component should load the initial state of Footer component
   border: 5px solid;
   border-color: #d3dddd transparent transparent transparent;
   -webkit-transform: rotate(90deg);
+  -moz-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg);
 }
 
 .emotion-15 {
-  width: 18px;
-  height: 18px;
+  width: 10px;
 }
 
 .emotion-31 {
@@ -127,7 +140,7 @@ exports[`<Footer /> component should load the initial state of Footer component
   display: flex;
 }
 
-@media (min-width:768px) {
+@media (min-width: 768px) {
   .emotion-31 {
     display: -webkit-box;
     display: -webkit-flex;
@@ -140,7 +153,9 @@ exports[`<Footer /> component should load the initial state of Footer component
   display: inline-block;
   vertical-align: middle;
   box-sizing: border-box;
+  -webkit-background-position: center;
   background-position: center;
+  -webkit-background-size: contain;
   background-size: contain;
   background-image: url([object Object]);
   background-repeat: no-repeat;
@@ -169,7 +184,7 @@ exports[`<Footer /> component should load the initial state of Footer component
       >
         <svg
           aria-hidden="true"
-          class="MuiSvgIcon-root emotion-10 emotion-11 emotion-12"
+          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium emotion-10 emotion-11 emotion-12"
           focusable="false"
           viewBox="0 0 45 45"
         >
@@ -211,344 +226,235 @@ exports[`<Footer /> component should load the initial state of Footer component
         <span
           class="emotion-13 emotion-14"
         >
-          <svg
-            class="MuiSvgIcon-root emotion-15 emotion-12"
-            focusable="false"
-            role="img"
-            viewBox="0 0 45 45"
+          <div
+            class="emotion-15 emotion-16"
           >
-            <defs>
-              <clippath
-                id="prefix__a"
-              >
-                <path
-                  d="M0 36h36V0H0v36z"
-                />
-              </clippath>
-            </defs>
-            <g
-              clip-path="url(#prefix__a)"
-              transform="matrix(1.25 0 0 -1.25 0 45)"
+            <svg
+              viewBox="0 85.333 512 341.333"
             >
               <path
-                d="M36 9a4 4 0 00-4-4H4a4 4 0 00-4 4v18a4 4 0 004 4h28a4 4 0 004-4V9z"
-                fill="#c60a1d"
+                d="M0 85.331h512v341.337H0z"
+                fill="#FFDA44"
+              />
+              <path
+                d="M0 85.331h512v113.775H0zm0 227.551h512v113.775H0z"
+                fill="#D80027"
+              />
+            </svg>
+          </div>
+          <div
+            class="emotion-15 emotion-16"
+          >
+            <svg
+              viewBox="0 85.333 512 341.333"
+            >
+              <path
+                d="M0 85.337h512v341.326H0z"
+                fill="#FFF"
+              />
+              <path
+                d="M0 85.337h512v113.775H0zm0 227.551h512v113.775H0z"
+                fill="#338AF3"
               />
               <path
-                d="M36 12H0v12h36V12z"
-                fill="#ffc400"
+                d="M256 214.447c-22.949 0-41.553 18.603-41.553 41.553S233.05 297.553 256 297.553c22.949 0 41.553-18.603 41.553-41.553S278.949 214.447 256 214.447zm0 65.298c-13.114 0-23.745-10.631-23.745-23.745s10.631-23.745 23.745-23.745 23.745 10.631 23.745 23.745-10.631 23.745-23.745 23.745z"
+                fill="#FFDA44"
               />
               <path
-                d="M9 19v-3a3 3 0 116 0v3H9z"
-                fill="#ea596e"
+                d="M276.563 261.936L256 256l-20.563 5.936-6.855 11.873h54.836z"
+                fill="#0052B4"
               />
               <path
-                d="M12 17h3v3h-3v-3z"
-                fill="#f4a2b2"
+                d="M256 226.32l-13.709 23.744L256 256l13.709-5.936z"
+                fill="#338AF3"
               />
               <path
-                d="M12 17H9v3h3v-3z"
-                fill="#dd2e44"
+                d="M235.437 261.936h41.126l-6.854-11.872h-27.418z"
+                fill="#6DA544"
+              />
+            </svg>
+          </div>
+          <div
+            class="emotion-15 emotion-16"
+          >
+            <svg
+              viewBox="0 0 513 342"
+            >
+              <path
+                d="M17.3 0h478.4v342H17.3V0z"
+                fill="#181A93"
               />
               <path
-                d="M15 21.5c0-.829-1.343-1.5-3-1.5s-3 .671-3 1.5 1.343 1.5 3 1.5 3-.671 3-1.5"
-                fill="#ea596e"
+                d="M0 0h513v114H0V0z"
+                fill="#FFA44A"
               />
               <path
-                d="M15 22.25c0 .414-1.343.75-3 .75s-3-.336-3-.75 1.343-.75 3-.75 3 .336 3 .75"
-                fill="#ffac33"
+                d="M0 228h513v114H0V228z"
+                fill="#1A9F0B"
               />
               <path
-                d="M7 13h1v7H7v-7zm10 0h-1v7h1v-7z"
-                fill="#99aab5"
+                d="M0 114h513v114H0V114z"
+                fill="#FFF"
+              />
+              <circle
+                cx="256.5"
+                cy="171"
+                fill="#FFF"
+                r="34.2"
               />
               <path
-                d="M9 13H6v1h3v-1zm9 0h-3v1h3v-1zM8 20H7v1h1v-1zm9 0h-1v1h1v-1z"
-                fill="#66757f"
+                d="M256.5 216.6c-25.1 0-45.6-20.5-45.6-45.6s20.5-45.6 45.6-45.6 45.6 20.5 45.6 45.6-20.5 45.6-45.6 45.6zm0-11.4c18.2 0 34.2-16 34.2-34.2s-15.9-34.2-34.2-34.2-34.2 16-34.2 34.2 16 34.2 34.2 34.2z"
+                fill="#181A93"
+              />
+              <circle
+                cx="256.5"
+                cy="171"
+                fill="#181A93"
+                r="22.8"
               />
-            </g>
-            <title>
-              Spain
-            </title>
-          </svg>
-          <svg
-            class="MuiSvgIcon-root emotion-15 emotion-12"
-            focusable="false"
-            role="img"
-            viewBox="0 0 512 512"
+            </svg>
+          </div>
+          <div
+            class="emotion-15 emotion-16"
           >
-            <path
-              d="M512 384c0 31.418-25.473 56.889-56.889 56.889H56.89C25.472 440.889 0 415.417 0 384V128c0-31.418 25.472-56.889 56.889-56.889H455.11C486.53 71.111 512 96.584 512 128v256z"
-              fill="#265fb5"
-            />
-            <path
-              d="M512 327.111H0V184.89h512v142.22z"
-              fill="#eee"
-            />
-            <path
-              d="M320.811 256c0 35.797-29.014 64.811-64.811 64.811-35.783 0-64.811-29.014-64.811-64.811s29.027-64.811 64.811-64.811c35.797 0 64.811 29.013 64.811 64.811"
-              fill="#a9bf4c"
-            />
-            <path
-              d="M312.889 256c0 31.418-25.473 56.889-56.889 56.889S199.111 287.416 199.111 256s25.473-56.889 56.889-56.889 56.889 25.471 56.889 56.889"
-              fill="#eee"
-            />
-            <path
-              d="M209.891 286.649l45.909-79.517 45.909 79.517H209.89z"
-              fill="#265fb5"
-            />
-            <path
-              d="M215.04 283.591l40.818-70.685 40.803 70.685H215.04z"
-              fill="#55acee"
-            />
-            <path
-              d="M215.04 283.591l9.841-17.052 61.483-.783 10.297 17.835H215.04z"
-              fill="#bbddf5"
-            />
-            <path
-              d="M222.891 272.441l15.331-12.445 6.67 7.553 5.774-6.215 4.893 4.892 4.665-5.12 5.561 5.12 5.106-5.334 4.665 5.334 4.451-4.892 7.325 9.102 1.338 2.674s-7.78 1.55-18.446.669c-10.667-.896-16.882 1.55-25.33 2.66-8.448 1.109-23.553-1.109-23.553-1.109l1.55-2.889z"
-              fill="#5c913b"
-            />
-            <path
-              d="M237.995 262.67l10.226 11.107-5.12.442-5.774-8.434.668-3.115zm12.231.883l8.22 7.338-3.782.654-3.996-5.546-.442-2.446zm10.439-.442l7.111 6.67L266 270.89l-5.774-6.229.44-1.55zm9.33 0l-2.888 2.66 1.338 1.565 1.55-4.225zm8.889.228l-3.328 4.224 1.109 1.99 2.446-4.664-.227-1.55z"
-              fill="#e2f09f"
-            />
-            <path
-              d="M256.426 233.671l.939 13.227 7.566-10.867-5.675 11.805 11.805-5.66-10.851 7.553 13.213.939-13.213.952 10.851 7.553-11.805-5.66 5.675 11.805-7.566-10.867-.939 13.226-.939-13.226-7.566 10.867 5.675-11.805-11.805 5.66 10.851-7.553-13.212-.953 13.212-.938-10.85-7.553 11.804 5.66-5.675-11.805 7.566 10.866.94-13.226z"
-              fill="#bbddf5"
-            />
-            <path
-              d="M256 244.665l-2.66 2.66s.654 4.011.441 4.679C253.554 252.658 256 256 256 256l3.327-3.996-.88-5.334-2.447-2.005z"
-              fill="#dd2e44"
-            />
-            <path
-              d="M257.28 240.071c10.894 0 17.109 5.334 17.109 5.334l-3.996-7.111s-6.443-4.893-13.995-4.893c-7.567 0-16 6.001-16 6.001l-3.783 7.553s9.771-6.884 20.665-6.884"
-              fill="#269"
-            />
-            <path
-              d="M257.28 240.071c10.894 0 17.109 5.334 17.109 5.334l-2.888-5.106s-7.78-4.665-15.331-4.665-16.896 5.987-16.896 5.987l-2.66 5.334c.001 0 9.772-6.884 20.666-6.884"
-              fill="#ffcc4d"
-            />
-            <path
-              d="M257.28 240.071c10.894 0 17.109 5.334 17.109 5.334l-2.005-3.327s-5.988-4.224-16.214-3.783c-7.553 0-18.005 5.561-18.005 5.561l-1.55 3.1c0-.001 9.771-6.885 20.665-6.885"
-              fill="#dd2e44"
-            />
-            <path
-              d="M264.291 322.873h-14.165V309.29h14.165v13.582zm-16.426-118.898h-10.183l-5.106-12.459 10.198-1.137 5.091 13.596zm23.21 5.66l-6.784-2.261 3.385-16.426 13.028 1.137-9.629 17.55zm-61.141 69.646l-19.811 4.523-.57-13.583 19.812-2.83.569 11.89zm5.106 14.152l-16.426 6.812-3.954-10.766 15.289-5.106 5.091 9.06zm109.269-12.444l-18.105-5.091v-9.63l20.366-2.83-2.261 17.55zm-9.003 18.674l-16.981-7.937 5.646-10.182 18.703 5.66-7.368 12.459z"
-              fill="#eee"
-            />
-            <title>
-              Nicaragua
-            </title>
-          </svg>
-          <svg
-            class="MuiSvgIcon-root emotion-15 emotion-12"
-            focusable="false"
-            role="img"
-            viewBox="0 0 512 512"
+            <svg
+              viewBox="0 0 513 342"
+            >
+              <path
+                d="M0 0h513v342H0z"
+                fill="#009b3a"
+              />
+              <path
+                d="M256.5 19.3l204.9 151.4L256.5 322 50.6 170.7z"
+                fill="#fedf00"
+              />
+              <circle
+                cx="256.5"
+                cy="171"
+                fill="#FFF"
+                r="80.4"
+              />
+              <path
+                d="M215.9 165.7c-13.9 0-27.4 2.1-40.1 6 .6 43.9 36.3 79.3 80.3 79.3 27.2 0 51.3-13.6 65.8-34.3-24.9-31-63.2-51-106-51zm119 20.3c.9-5 1.5-10.1 1.5-15.4 0-44.4-36-80.4-80.4-80.4-33.1 0-61.5 20.1-73.9 48.6 10.9-2.2 22.1-3.4 33.6-3.4 46.8.1 89 19.5 119.2 50.6z"
+                fill="#002776"
+              />
+            </svg>
+          </div>
+          <div
+            class="emotion-15 emotion-16"
           >
-            <path
-              d="M0 384c0 31.418 25.473 56.889 56.889 56.889H455.11c31.42 0 56.89-25.473 56.89-56.889v-56.889H0V384z"
-              fill="#138808"
-            />
-            <path
-              d="M0 327.111h512V184.89H0v142.22z"
-              fill="#eee"
-            />
-            <path
-              d="M512 184.889V128c0-31.417-25.473-56.889-56.889-56.889H56.89C25.472 71.111 0 96.583 0 128v56.889h512z"
-              fill="#f93"
-            />
-            <path
-              d="M312.889 256c0-31.431-25.473-56.902-56.903-56.902-31.417 0-56.888 25.472-56.888 56.902 0 31.418 25.472 56.889 56.888 56.889 31.432 0 56.903-25.472 56.903-56.889"
-              fill="navy"
-            />
-            <path
-              d="M298.666 256c0-23.566-19.115-42.681-42.681-42.681S213.319 232.434 213.319 256s19.1 42.666 42.666 42.666 42.681-19.1 42.681-42.666"
-              fill="#eee"
-            />
-            <path
-              d="M256 213.334l2.076 32.199 14.251-28.943-10.396 30.535 24.235-21.305-21.291 24.249 30.535-10.396-28.942 14.25L298.666 256l-32.198 2.076 28.942 14.237-30.535-10.383 21.291 24.235-24.235-21.29 10.396 30.535-14.25-28.942L256 298.666l-2.076-32.198-14.252 28.942 10.397-30.535-24.249 21.291 21.305-24.235-30.535 10.383 28.942-14.236L213.334 256l32.199-2.076-28.943-14.251 30.535 10.396-21.305-24.249 24.249 21.305-10.396-30.535 14.25 28.943 2.077-32.2z"
-              fill="navy"
-              opacity="0.6"
-            />
-            <path
-              d="M241.778 256c0-7.851 6.37-14.223 14.222-14.223s14.223 6.372 14.223 14.223-6.372 14.223-14.223 14.223-14.223-6.372-14.223-14.223"
-              fill="navy"
-            />
-            <title>
-              India
-            </title>
-          </svg>
-          <svg
-            class="MuiSvgIcon-root emotion-15 emotion-12"
-            focusable="false"
-            role="img"
-            viewBox="0 0 45 45"
+            <svg
+              viewBox="0 0 513 342"
+            >
+              <path
+                d="M0 0h513v342H0z"
+                fill="#D80027"
+              />
+              <path
+                d="M226.8 239.2l-9.7-15.6-17.9 4.4 11.9-14.1-9.7-15.6 17.1 6.9 11.8-14.1-1.3 18.4 17.1 6.9-17.9 4.4zM290.6 82l-10.1 15.4 11.6 14.3-17.7-4.8-10.1 15.5-1-18.4-17.7-4.8 17.2-6.6-1-18.4 11.6 14.3zm-54.4-56.6l-2 18.3 16.8 7.6-18 3.8-2 18.3-9.2-16-17.9 3.8 12.3-13.7-9.2-15.9 16.8 7.5zm56.6 136.4l-14.9 10.9 5.8 17.5-14.9-10.8-14.9 11 5.6-17.6-14.9-10.7 18.4-.1 5.6-17.6 5.8 17.5zM115 46.3l17.3 53.5h56.2l-45.4 32.9 17.3 53.5-45.4-33-45.5 33 17.4-53.5-45.5-32.9h56.3z"
+                fill="#FFDA44"
+              />
+            </svg>
+          </div>
+          <div
+            class="emotion-15 emotion-16"
           >
-            <defs>
-              <clippath
-                id="prefix__a"
+            <svg
+              viewBox="0 0 513 342"
+            >
+              <path
+                d="M0 0h513v342H0z"
+                fill="#10338c"
+              />
+              <g
+                fill="#FFF"
               >
                 <path
-                  d="M0 36h36V0H0v36z"
+                  d="M222.2 170.7c.3-.3.5-.6.8-.9-.2.3-.5.6-.8.9zM188 212.6l11 22.9 24.7-5.7-11 22.8 19.9 15.8-24.8 5.6.1 25.4-19.9-15.9-19.8 15.9.1-25.4-24.8-5.6 19.9-15.8-11.1-22.8 24.8 5.7zm197.9 28.5l5.2 10.9 11.8-2.7-5.3 10.9 9.5 7.5-11.8 2.6v12.2l-9.4-7.6-9.5 7.6.1-12.2-11.8-2.6 9.5-7.5-5.3-10.9 11.8 2.7zm-48.6-116l5.2 10.9 11.8-2.7-5.3 10.9 9.5 7.5-11.8 2.7v12.1l-9.4-7.6-9.5 7.6.1-12.1-11.9-2.7 9.5-7.5-5.3-10.9L332 136zm48.6-66.2l5.2 10.9 11.8-2.7-5.3 10.9 9.5 7.5-11.8 2.7v12.1l-9.4-7.6-9.5 7.6.1-12.1-11.8-2.7 9.5-7.5-5.3-10.9 11.8 2.7zm42.5 49.7l5.2 10.9 11.8-2.7-5.3 10.9 9.5 7.5-11.8 2.6V150l-9.4-7.6-9.5 7.6v-12.2l-11.8-2.6 9.5-7.5-5.3-10.9 11.8 2.7zM398 166.5l4.1 12.7h13.3l-10.8 7.8 4.2 12.7-10.8-7.9-10.8 7.9 4.1-12.7-10.7-7.8h13.3z"
                 />
-              </clippath>
-            </defs>
-            <g
-              clip-path="url(#prefix__a)"
-              transform="matrix(1.25 0 0 -1.25 0 45)"
-            >
+                <path
+                  d="M254.8 0v30.6l-45.1 25.1h45.1V115h-59.1l59.1 32.8v22.9h-26.7l-73.5-40.9v40.9H99v-48.6l-87.4 48.6H-1.2v-30.6L44 115H-1.2V55.7h59.1L-1.2 22.8V0h26.7L99 40.8V0h55.6v48.6L242.1 0z"
+                />
+              </g>
               <path
-                d="M36 9a4 4 0 00-4-4H4a4 4 0 00-4 4v18a4 4 0 004 4h28a4 4 0 004-4V9z"
-                fill="#009b3a"
+                d="M142.8 0h-32v69.3h-112v32h112v69.4h32v-69.4h112v-32h-112z"
+                fill="#D80027"
               />
               <path
-                d="M32.727 18L18 6.876 3.27 18 18 29.125 32.727 18z"
-                fill="#fedf01"
+                d="M154.6 115l100.2 55.7v-15.8L183 115z"
+                fill="#0052B4"
               />
               <path
-                d="M24.434 18.076a6.458 6.458 0 11-12.917 0 6.458 6.458 0 0112.917 0"
-                fill="#002776"
+                d="M154.6 115l100.2 55.7v-15.8L183 115z"
+                fill="#FFF"
               />
               <path
-                d="M12.277 21.113a6.406 6.406 0 01-.672-2.023c3.994.29 9.417-1.892 11.744-4.596.402.604.7 1.28.882 2.004-2.871 2.809-7.916 4.63-11.954 4.615"
-                fill="#cbe9d4"
+                d="M154.6 115l100.2 55.7v-15.8L183 115zm-83.9 0l-71.9 39.9v15.8L99 115z"
+                fill="#D80027"
               />
               <path
-                d="M13 16.767h-1v1h1v-1zm1-2h-1v1h1v-1z"
-                fill="#88c9f9"
+                d="M99 55.7L-1.2 0v15.7l71.9 40z"
+                fill="#0052B4"
               />
               <path
-                d="M16 16.767h-1v1h1v-1zm2-1h-1v1h1v-1zm4-2h-1v1h1v-1zm-3-1h-1v1h1v-1zm3 6h-1v1h1v-1z"
-                fill="#55acee"
+                d="M99 55.7L-1.2 0v15.7l71.9 40z"
+                fill="#FFF"
               />
               <path
-                d="M20 14.767h-1v1h1v-1z"
-                fill="#3b88c3"
+                d="M99 55.7L-1.2 0v15.7l71.9 40zm84 0l71.8-40V0L154.6 55.7z"
+                fill="#D80027"
               />
-            </g>
-            <title>
-              Brazil
-            </title>
-          </svg>
-          <svg
-            class="MuiSvgIcon-root emotion-15 emotion-12"
-            focusable="false"
-            role="img"
-            viewBox="0 0 45 45"
+            </svg>
+          </div>
+          <div
+            class="emotion-15 emotion-16"
           >
-            <defs>
-              <clippath
-                id="prefix__a"
-              >
-                <path
-                  d="M0 36h36V0H0v36z"
-                />
-              </clippath>
-            </defs>
-            <g
-              clip-path="url(#prefix__a)"
-              transform="matrix(1.25 0 0 -1.25 0 45)"
+            <svg
+              viewBox="0 85.333 512 341.333"
             >
               <path
-                d="M36 9a4 4 0 00-4-4H4a4 4 0 00-4 4v18a4 4 0 004 4h28a4 4 0 004-4V9z"
-                fill="#de2910"
+                d="M0 85.331h512v341.337H0z"
+                fill="#D80027"
               />
               <path
-                d="M7 25.049l.929-2.67 2.826-.06-2.253-1.706.819-2.707L7 19.52l-2.321-1.615.819 2.707-2.253 1.707 2.826.059.929 2.67zm6 3.423l.34-.688.759-.11-.549-.536.129-.756-.679.357-.679-.357.13.756-.55.536.76.11.339.688zm2-4l.34-.688.759-.11-.549-.536.129-.756-.679.357-.679-.357.13.756-.55.536.76.11.339.688zm0-4l.34-.688.759-.11-.549-.536.129-.756-.679.357-.679-.357.13.756-.55.536.76.11.339.688zm-2-3.999l.34-.69.759-.11-.549-.534.129-.757-.679.357-.679-.357.13.757-.55.535.76.11.339.689z"
-                fill="#ffde02"
+                d="M0 85.331h512v113.775H0z"
               />
-            </g>
-            <title>
-              China
-            </title>
-          </svg>
-          <svg
-            class="MuiSvgIcon-root emotion-15 emotion-12"
-            focusable="false"
-            role="img"
-            viewBox="0 0 512 512"
-          >
-            <path
-              d="M473.655 88.276H38.345C17.167 88.276 0 105.443 0 126.621v73.471h512v-73.471c0-21.178-17.167-38.345-38.345-38.345zM0 385.379c0 21.177 17.167 38.345 38.345 38.345h435.31c21.177 0 38.345-17.167 38.345-38.345v-73.471H0v73.471z"
-              fill="#ff4b55"
-            />
-            <path
-              d="M0 200.09h512V311.9H0z"
-              fill="#f5f5f5"
-            />
-            <title>
-              Austria
-            </title>
-          </svg>
-          <svg
-            class="MuiSvgIcon-root emotion-15 emotion-12"
-            focusable="false"
-            role="img"
-            viewBox="0 0 512 512"
-          >
-            <path
-              d="M473.655 88.276H38.345C17.167 88.276 0 105.443 0 126.621v73.471h512v-73.471c0-21.178-17.167-38.345-38.345-38.345z"
-              fill="#464655"
-            />
-            <path
-              d="M0 385.379c0 21.177 17.167 38.345 38.345 38.345h435.31c21.177 0 38.345-17.167 38.345-38.345v-73.471H0v73.471z"
-              fill="#ffe15a"
-            />
-            <path
-              d="M0 200.09h512V311.9H0z"
-              fill="#ff4b55"
-            />
-            <title>
-              Germany
-            </title>
-          </svg>
-          <svg
-            class="MuiSvgIcon-root emotion-15 emotion-12"
-            focusable="false"
-            role="img"
-            viewBox="-60 -40 240 160"
+              <path
+                d="M0 312.882h512v113.775H0z"
+                fill="#FFDA44"
+              />
+            </svg>
+          </div>
+          <div
+            class="emotion-15 emotion-16"
           >
-            <rect
-              fill="#fe0000"
-              height="100%"
-              width="100%"
-              x="-60"
-              y="-40"
-            />
-            <rect
-              fill="#000095"
-              height="50%"
-              width="50%"
-              x="-60"
-              y="-40"
-            />
-            <path
-              d="M8 0L0 30-8 0l8-30M0 8l30-8L0-8l-30 8"
-              fill="#fff"
-              id="prefix__a"
-            />
-            <use
-              transform="rotate(30)"
-              xlink:href="#prefix__a"
-            />
-            <use
-              transform="rotate(60)"
-              xlink:href="#prefix__a"
-            />
-            <circle
-              fill="#000095"
-              r="17"
-            />
-            <circle
-              fill="#fff"
-              r="15"
-            />
-            <title>
-              Taiwan
-            </title>
-          </svg>
+            <svg
+              viewBox="0 85.333 512 341.333"
+            >
+              <path
+                d="M0 85.337h512v341.326H0z"
+                fill="#D80027"
+              />
+              <path
+                d="M0 85.337h256V256H0z"
+                fill="#0052B4"
+              />
+              <path
+                d="M186.435 170.669L162.558 181.9l12.714 23.125-25.927-4.961-3.286 26.192L128 206.993l-18.06 19.263-3.285-26.192-25.927 4.96 12.714-23.125-23.877-11.23 23.877-11.231-12.714-23.125 25.927 4.96 3.286-26.192L128 134.344l18.06-19.263 3.285 26.192 25.928-4.96-12.715 23.125z"
+                fill="#FFF"
+              />
+              <circle
+                cx="128"
+                cy="170.674"
+                fill="#0052B4"
+                r="29.006"
+              />
+              <path
+                d="M128 190.06c-10.692 0-19.391-8.7-19.391-19.391 0-10.692 8.7-19.391 19.391-19.391 10.692 0 19.391 8.7 19.391 19.391 0 10.691-8.699 19.391-19.391 19.391z"
+                fill="#FFF"
+              />
+            </svg>
+          </div>
         </span>
       </span>
     </div>

package/src/App/Footer/styles.ts

@@ -1,11 +1,10 @@
 import styled from '@emotion/styled';
-
 import { Theme } from 'verdaccio-ui/design-tokens/theme';
 
 export const Wrapper = styled('div')<{ theme?: Theme }>(({ theme }) => ({
-  background: theme?.palette.type === 'light' ? theme?.palette.snow : theme?.palette.cyanBlue,
+  background: theme?.palette.mode === 'light' ? theme?.palette.snow : theme?.palette.cyanBlue,
   borderTop: `1px solid ${theme?.palette.greyGainsboro}`,
-  color: theme?.palette.type === 'dark' ? theme?.palette.white : theme?.palette.nobel01,
+  color: theme?.palette.mode === 'dark' ? theme?.palette.white : theme?.palette.nobel01,
   fontSize: '14px',
   padding: '20px',
 }));