Use baseSize instead of hardcoded value

Add medium left space to utilities

src/scss/cdb-components/_loader.scss

@@ -126,8 +126,6 @@ This is the generic loader for widgets, maps, components, ...
 .CDB-LoaderIcon-path {
   stroke: rgba(255, 255, 255, 0.88);
   stroke-linecap: round;
-  stroke-dasharray: 90, 150;
-  stroke-dashoffset: 0;
   animation: dash 1.5s ease-in-out infinite;
   stroke-width: 4px;
 }
@@ -139,16 +137,11 @@ This is the generic loader for widgets, maps, components, ...
 .CDB-LoaderIcon.is-dark .CDB-LoaderIcon-path {
   stroke: rgba(0, 0, 0, 0.24);
 }
-
 .CDB-LoaderIcon.is-blue .CDB-LoaderIcon-path {
   stroke: $cBlue;
 }
 
 @keyframes rotate {
-  0% {
-    transform: rotate(0deg);
-  }
-
   100% {
     transform: rotate(360deg);
   }

src/scss/cdb-components/forms/_checkbox.scss

@@ -111,3 +111,14 @@
     opacity: 0;
   }
 }
+
+.CDB-Checkbox:checked:disabled + .CDB-Checkbox-face {
+  border: 1px solid $cSecondaryLine;
+  background: $cThirdBackground;
+
+  &::before,
+  &::after {
+    background: $cAltText;
+    opacity: 1;
+  }
+}

src/scss/cdb-components/forms/_option-input.scss

@@ -181,7 +181,7 @@
       position: absolute;
       left: -1px;
       width: 1px;
-      height: calc(100% + 2px);
+      height: $baseSize * 4;
       content: '';
     }
 

src/scss/cdb-components/shapes/_toogle-arrow.scss

@@ -126,6 +126,17 @@ Description
   }
 }
 
+.CDB-ArrowToogle.is-mini {
+  &::before {
+    left: 3px;
+    width: 6px;
+  }
+  &::after {
+    right: 3px;
+    width: 6px;
+  }
+}
+
 .CDB-ArrowToogle.is-blue {
   &::before {
     background: $cBlue;

src/scss/cdb-utilities/_helpers.scss

@@ -38,6 +38,9 @@
 .u-lSpace--s {
   margin-left: 2px;
 }
+.u-lSpace--m {
+  margin-left: 8px;
+}
 .u-lSpace--xl {
   margin-left: 12px;
 }