0.2.5

Add Montserrat font family

.travis.yml

@@ -1,7 +1,7 @@
 cache: false
 language: node_js
 node_js:
-  - "4.1"
+  - "6.14.2"
 
 install:
   - npm install

README.md

@@ -17,7 +17,7 @@ If you want to use any of the CartoAssets components, after the installation jus
 It will generate a UI documentation about the components in this repository:
 - ```grunt dev```
 
-If you want to check the documenation, it is generated in the ```dist``` folder.
+If you want to check the documentation, it is generated in the ```dist``` folder.
 
 ### How to add/update the icon font
 
@@ -43,4 +43,4 @@ Just run this command:
 
 ![Chrome](https://cdnjs.cloudflare.com/ajax/libs/browser-logos/39.3.0/archive/chrome_12-48/chrome_12-48_48x48.png) | ![Firefox](https://cdnjs.cloudflare.com/ajax/libs/browser-logos/39.3.0/archive/firefox_1.5-3/firefox_1.5-3_48x48.png) | ![IE](https://cdnjs.cloudflare.com/ajax/libs/browser-logos/39.3.0/edge-tile/edge-tile_48x48.png) | ![Opera](https://cdnjs.cloudflare.com/ajax/libs/browser-logos/39.3.0/opera/opera_48x48.png) | ![Safari](https://cdnjs.cloudflare.com/ajax/libs/browser-logos/39.3.0/safari/safari_48x48.png)
 --- | --- | --- | --- | --- |
-31+ ✔ | 38+ ✔ | 11+ ✔ | 31+ ✔ | 8+ ✔ |
+31+ ✔ | 38+ ✔ | 11+ ✔ | 31+ ✔ | 8+ ✔ |

package.json

@@ -1,7 +1,7 @@
 {
   "name": "cartoassets",
   "description": "Share frontend assets between different CARTO repositories",
-  "version": "0.2.00",
+  "version": "0.2.5",
   "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/_buttons.scss

@@ -175,9 +175,17 @@ Layout Component:
   &.is-disabled {
     opacity: 0.24;
     cursor: default;
+
+    &:active {
+      pointer-events: none;
+    }
   }
 }
 
+.CDB-Button--noPadding {
+  padding: 0;
+}
+
 .CDB-Button--loading {
   .CDB-Button-loader {
     position: absolute;

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

@@ -242,7 +242,8 @@
   .CDB-NavMenu-link,
   .CDB-NavSubmenu-link {
     margin-bottom: -1px;
-    color: $cAltText;
+    transition: none;
+    color: $cWhite;
 
     &:hover {
       border-bottom: 2px solid darken($cMainLine, 8%);
@@ -256,13 +257,13 @@
   }
 
   .CDB-NavMenu-item.is-selected .CDB-NavMenu-link {
-    border-bottom: 2px solid $cMainLine;
-    color: $cWhite;
+    border-bottom: 2px solid $cAltText;
+    color: $cAltText;
   }
 
   .CDB-NavSubmenu-item.is-selected .CDB-NavSubmenu-link {
-    border-bottom: 2px solid $cMainLine;
-    color: $cWhite;
+    border-bottom: 2px solid $cAltText;
+    color: $cAltText;
   }
 
   .CDB-NavSubmenu-status {

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/forms/_selects.scss

@@ -77,10 +77,10 @@
   box-sizing: border-box;
 
   &:hover {
-    border: 1px solid $cHoverLine;
+    border: 1px solid $cBlueHover;
   }
   &:focus {
-    border: 1px solid $cBlue;
+    border: 1px solid $cBlackHover;
     outline: none;
   }
   &:disabled {
@@ -90,6 +90,10 @@
   &.has-error {
     @include default-form-error-style();
   }
+
+  &.is-cursor {
+    cursor: pointer;
+  }
 }
 
 .CDB-FieldError .CDB-Select,

src/scss/cdb-utilities/_fonts.scss

@@ -1,6 +1,7 @@
 // Fonts
 // --------------------------------------------------
 
+// Open Sans
 @font-face {
   font-family: 'Open Sans';
   font-style: normal;
@@ -28,3 +29,32 @@
   url('../fonts/OpenSans-Semibold.woff') format('woff'),
   url('../fonts/OpenSans-Semibold.ttf') format('truetype');
 }
+
+// Montserrat
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 400;
+  src: url('../fonts/Montserrat-Regular.eot');
+  src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
+  url('../fonts/Montserrat-Regular.woff') format('woff'),
+  url('../fonts/Montserrat-Regular.ttf') format('truetype');
+}
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 600;
+  src: url('../fonts/Montserrat-Semibold.eot');
+  src: url('../fonts/Montserrat-Semibold.eot?#iefix') format('embedded-opentype'),
+  url('../fonts/Montserrat-Semibold.woff') format('woff'),
+  url('../fonts/Montserrat-Semibold.ttf') format('truetype');
+}
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 700;
+  src: url('../fonts/Montserrat-Bold.eot');
+  src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
+  url('../fonts/Montserrat-Bold.woff') format('woff'),
+  url('../fonts/Montserrat-Bold.ttf') format('truetype');
+}

src/scss/cdb-utilities/_helpers.scss

@@ -38,9 +38,15 @@
 .u-lSpace--s {
   margin-left: 2px;
 }
+.u-lSpace--m {
+  margin-left: 8px;
+}
 .u-lSpace--xl {
   margin-left: 12px;
 }
+.u-lSpace--xxl {
+  margin-left: 16px;
+}
 
 .u-ellipsis {
   text-overflow: ellipsis;
@@ -123,6 +129,13 @@
   @include align-items(flex-end);
 }
 
+/* Clearfix */
+.u-clearfix::after {
+  display: table;
+  clear: both;
+  content: '';
+}
+
 
 /* Media queries*/
 @include media-query-mobile() {