0.2.2

Fix loading circle in IE11

package.json

@@ -1,7 +1,7 @@
 {
   "name": "cartoassets",
   "description": "Share frontend assets between different CARTO repositories",
-  "version": "0.2.00",
+  "version": "0.2.2",
   "homepage": "https://github.com/cartodb/CartoAssets",
   "author": {
     "name": "CARTO",
@@ -55,5 +55,11 @@
     "shared components",
     "editor",
     "deep-insights"
-  ]
+  ],
+  "scripts": {
+    "bump": "npm version patch",
+    "bump:major": "npm version major",
+    "bump:minor": "npm version minor",
+    "postversion": "git push origin master --follow-tags"
+  }
 }

src/scss/cdb-components/_boxes.scss

@@ -36,3 +36,11 @@
 .CDB-Box-modalHeaderItem--paddingVertical {
   padding: $baseSize + 4 0;
 }
+.CDB-Box-modalOverlay {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 99;
+}

src/scss/cdb-components/_loader.scss

@@ -126,6 +126,8 @@ 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;
 }
@@ -137,11 +139,16 @@ 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/_menu.scss

@@ -159,6 +159,7 @@
   border-bottom: 2px solid transparent;
   border-radius: 0;
   color: $cBlue;
+  touch-action: manipulation;
 
   &:hover {
     border-bottom: 2px solid $cBlueHover;
@@ -184,7 +185,7 @@
 }
 
 .CDB-NavSubmenu {
-  border-bottom: 2px solid $cSecondaryLine;
+  border-bottom: 1px solid $cSecondaryLine;
 
   &--inside {
     position: absolute;
@@ -207,6 +208,7 @@
   border-bottom: 2px solid transparent;
   border-radius: 0;
   color: $cBlue;
+  touch-action: manipulation;
 
   &:hover {
     border-bottom: 2px solid $cBlueHover;
@@ -214,9 +216,17 @@
 }
 
 
-.CDB-NavSubmenu-item.is-selected .CDB-NavSubmenu-link {
-  border-bottom: 2px solid $cMainLine;
-  color: $cMainText;
+.CDB-NavSubmenu-item {
+  &.is-selected .CDB-NavSubmenu-link {
+    border-bottom: 2px solid $cMainText;
+    color: $cMainText;
+  }
+
+  &.is-disabled .CDB-NavSubmenu-link {
+    pointer-events: none;
+    color: $cHintText;
+    cursor: default;
+  }
 }
 
 .CDB-NavSubmenu-status {

src/scss/cdb-components/_tags.scss

@@ -45,6 +45,10 @@
     border: 1px solid $cError;
     color: $cError;
   }
+  &.is-gray {
+    border: 1px solid $cGray;
+    color: $cGray;
+  }
 }
 
 /* SG

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

@@ -179,9 +179,10 @@
     &:focus::after,
     &:hover::after {
       position: absolute;
+      top: -1px;
       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;
 }

src/scss/cdb-variables/_colors.scss

@@ -2,6 +2,7 @@
 $cBlue: #1785FB;
 $cBlack: #000;
 $cWhite: #FFF;
+$cGray: #999;
 $cMainBg: #2E3C43;
 
 // -- Structure