picasso 0.3.7 → 0.4.0

data/README.md

@@ -22,7 +22,7 @@ En el `config.rb` agregar:
 ```ruby
 require 'picasso'
 require 'magick'
-gem 'picasso', '~> 0.3.7'
+gem 'picasso', '~> 0.4.0'
 ```
 
 Modificar el número de versión a medida que se quiere usar nuevas versiones del framework. 
@@ -67,12 +67,15 @@ $ (sudo) apt-get install ruby-oily-png
 
 # Changelog
 
+## 0.4.0
+* Se agregan nuevos colores y tamaños para la marca Despegar (rompe compatibilidad para atras);
+
 ## 0.3.7
-* Se agrega el componente clusters
-* Mixins para el manejo de los titulos
+* Se agrega el componente clusters;
+* Mixins para el manejo de los titulos;
 
 ## 0.3.6
-* Severos cambios en el componente popup para mejorar su apariencia en IE.
+* Severos cambios en el componente popup para mejorar su apariencia en IE;
 
 ## 0.3.5
 * Refactor componente arrow para utilizar `em`;

data/docs/_picasso.html

@@ -2466,30 +2466,46 @@ body {
   background: white;
 }
 
-.despegar-size-1-demo {
+.despegar-size-10-demo {
+  font-size: 10px;
+}
+
+.despegar-size-11-demo {
   font-size: 11px;
 }
 
-.despegar-size-2-demo {
+.despegar-size-13-demo {
   font-size: 13px;
 }
 
-.despegar-size-3-demo {
+.despegar-size-16-demo {
   font-size: 16px;
 }
 
-.despegar-size-4-demo {
+.despegar-size-20-demo {
   font-size: 20px;
 }
 
-.despegar-size-5-demo {
+.despegar-size-24-demo {
   font-size: 24px;
 }
 
-.despegar-size-6-demo {
+.despegar-size-28-demo {
   font-size: 28px;
 }
 
+.despegar-size-30-demo {
+  font-size: 30px;
+}
+
+.despegar-size-32-demo {
+  font-size: 32px;
+}
+
+.despegar-size-36-demo {
+  font-size: 36px;
+}
+
 .despegar-black-demo {
   padding: 10px;
   background: black;
@@ -2508,7 +2524,7 @@ body {
 
 .despegar-red-demo {
   padding: 10px;
-  background: red;
+  background: #e20a16;
 }
 
 .despegar-blue-demo {
@@ -2553,10 +2569,20 @@ body {
 }
 
 .despegar-gray-7-demo {
+  padding: 10px;
+  background: #dddddd;
+}
+
+.despegar-gray-8-demo {
   padding: 10px;
   background: #eeeeee;
 }
 
+.despegar-gray-9-demo {
+  padding: 10px;
+  background: whitesmoke;
+}
+
 .despegar-searchbox-bg-demo {
   padding: 10px;
   background: #ffff33;
@@ -2590,7 +2616,7 @@ body {
 
 .despegar-error-border-demo {
   padding: 10px;
-  background: red;
+  background: #e20a16;
 }
 
 .despegar-warning-bg-demo {
@@ -2640,7 +2666,7 @@ body {
 }
 .clusters-demo-1 .cluster .cluster-items-list .cluster-item {
   border: 1px solid transparent;
-  border-top-color: #eeeeee;
+  border-top-color: #dddddd;
 }
 .clusters-demo-1 .cluster .cluster-items-list .cluster-item:first-child {
   border-top-color: transparent;

data/docs/css/picasso-demos.css

@@ -2465,30 +2465,46 @@ body {
   background: white;
 }
 
-.despegar-size-1-demo {
+.despegar-size-10-demo {
+  font-size: 10px;
+}
+
+.despegar-size-11-demo {
   font-size: 11px;
 }
 
-.despegar-size-2-demo {
+.despegar-size-13-demo {
   font-size: 13px;
 }
 
-.despegar-size-3-demo {
+.despegar-size-16-demo {
   font-size: 16px;
 }
 
-.despegar-size-4-demo {
+.despegar-size-20-demo {
   font-size: 20px;
 }
 
-.despegar-size-5-demo {
+.despegar-size-24-demo {
   font-size: 24px;
 }
 
-.despegar-size-6-demo {
+.despegar-size-28-demo {
   font-size: 28px;
 }
 
+.despegar-size-30-demo {
+  font-size: 30px;
+}
+
+.despegar-size-32-demo {
+  font-size: 32px;
+}
+
+.despegar-size-36-demo {
+  font-size: 36px;
+}
+
 .despegar-black-demo {
   padding: 10px;
   background: black;
@@ -2507,7 +2523,7 @@ body {
 
 .despegar-red-demo {
   padding: 10px;
-  background: red;
+  background: #e20a16;
 }
 
 .despegar-blue-demo {
@@ -2552,10 +2568,20 @@ body {
 }
 
 .despegar-gray-7-demo {
+  padding: 10px;
+  background: #dddddd;
+}
+
+.despegar-gray-8-demo {
   padding: 10px;
   background: #eeeeee;
 }
 
+.despegar-gray-9-demo {
+  padding: 10px;
+  background: whitesmoke;
+}
+
 .despegar-searchbox-bg-demo {
   padding: 10px;
   background: #ffff33;
@@ -2589,7 +2615,7 @@ body {
 
 .despegar-error-border-demo {
   padding: 10px;
-  background: red;
+  background: #e20a16;
 }
 
 .despegar-warning-bg-demo {
@@ -2639,7 +2665,7 @@ body {
 }
 .clusters-demo-1 .cluster .cluster-items-list .cluster-item {
   border: 1px solid transparent;
-  border-top-color: #eeeeee;
+  border-top-color: #dddddd;
 }
 .clusters-demo-1 .cluster .cluster-items-list .cluster-item:first-child {
   border-top-color: transparent;

data/docs/index.html

@@ -2466,30 +2466,46 @@ body {
   background: white;
 }
 
-.despegar-size-1-demo {
+.despegar-size-10-demo {
+  font-size: 10px;
+}
+
+.despegar-size-11-demo {
   font-size: 11px;
 }
 
-.despegar-size-2-demo {
+.despegar-size-13-demo {
   font-size: 13px;
 }
 
-.despegar-size-3-demo {
+.despegar-size-16-demo {
   font-size: 16px;
 }
 
-.despegar-size-4-demo {
+.despegar-size-20-demo {
   font-size: 20px;
 }
 
-.despegar-size-5-demo {
+.despegar-size-24-demo {
   font-size: 24px;
 }
 
-.despegar-size-6-demo {
+.despegar-size-28-demo {
   font-size: 28px;
 }
 
+.despegar-size-30-demo {
+  font-size: 30px;
+}
+
+.despegar-size-32-demo {
+  font-size: 32px;
+}
+
+.despegar-size-36-demo {
+  font-size: 36px;
+}
+
 .despegar-black-demo {
   padding: 10px;
   background: black;
@@ -2508,7 +2524,7 @@ body {
 
 .despegar-red-demo {
   padding: 10px;
-  background: red;
+  background: #e20a16;
 }
 
 .despegar-blue-demo {
@@ -2553,10 +2569,20 @@ body {
 }
 
 .despegar-gray-7-demo {
+  padding: 10px;
+  background: #dddddd;
+}
+
+.despegar-gray-8-demo {
   padding: 10px;
   background: #eeeeee;
 }
 
+.despegar-gray-9-demo {
+  padding: 10px;
+  background: whitesmoke;
+}
+
 .despegar-searchbox-bg-demo {
   padding: 10px;
   background: #ffff33;
@@ -2590,7 +2616,7 @@ body {
 
 .despegar-error-border-demo {
   padding: 10px;
-  background: red;
+  background: #e20a16;
 }
 
 .despegar-warning-bg-demo {
@@ -2640,7 +2666,7 @@ body {
 }
 .clusters-demo-1 .cluster .cluster-items-list .cluster-item {
   border: 1px solid transparent;
-  border-top-color: #eeeeee;
+  border-top-color: #dddddd;
 }
 .clusters-demo-1 .cluster .cluster-items-list .cluster-item:first-child {
   border-top-color: transparent;
@@ -2724,7 +2750,7 @@ body {
 </p>
 <pre><code class="lang-ruby">require &#39;picasso&#39;
 require &#39;magick&#39;
-gem &#39;picasso&#39;, &#39;~&gt; 0.3.7&#39;</code></pre>
+gem &#39;picasso&#39;, &#39;~&gt; 0.4.0&#39;</code></pre>
 <p>Modificar el n&uacute;mero de versi&oacute;n a medida que se quiere usar nuevas versiones del framework. 
 
 </p>
@@ -2750,14 +2776,18 @@ gem &#39;picasso&#39;, &#39;~&gt; 0.3.7&#39;</code></pre>
 <h3>Linux</h3>
 <pre><code class="lang-bash">$ (sudo) apt-get update
 $ (sudo) apt-get install ruby-oily-png</code></pre>
-</div></article><article id="changelog" class="section"><div class="docs"><h1>Changelog</h1><a href="#changelog" class="permalink ir">Changelog</a><h2>0.3.7</h2>
+</div></article><article id="changelog" class="section"><div class="docs"><h1>Changelog</h1><a href="#changelog" class="permalink ir">Changelog</a><h2>0.4.0</h2>
+<ul>
+<li>Se agregan nuevos colores y tamaños para la marca Despegar (rompe compatibilidad para atras);</li>
+</ul>
+<h2>0.3.7</h2>
 <ul>
-<li>Se agrega el componente clusters</li>
-<li>Mixins para el manejo de los titulos</li>
+<li>Se agrega el componente clusters;</li>
+<li>Mixins para el manejo de los titulos;</li>
 </ul>
 <h2>0.3.6</h2>
 <ul>
-<li>Severos cambios en el componente popup para mejorar su apariencia en IE.</li>
+<li>Severos cambios en el componente popup para mejorar su apariencia en IE;</li>
 </ul>
 <h2>0.3.5</h2>
 <ul>

data/docs/picasso-_components.html

@@ -2466,30 +2466,46 @@ body {
   background: white;
 }
 
-.despegar-size-1-demo {
+.despegar-size-10-demo {
+  font-size: 10px;
+}
+
+.despegar-size-11-demo {
   font-size: 11px;
 }
 
-.despegar-size-2-demo {
+.despegar-size-13-demo {
   font-size: 13px;
 }
 
-.despegar-size-3-demo {
+.despegar-size-16-demo {
   font-size: 16px;
 }
 
-.despegar-size-4-demo {
+.despegar-size-20-demo {
   font-size: 20px;
 }
 
-.despegar-size-5-demo {
+.despegar-size-24-demo {
   font-size: 24px;
 }
 
-.despegar-size-6-demo {
+.despegar-size-28-demo {
   font-size: 28px;
 }
 
+.despegar-size-30-demo {
+  font-size: 30px;
+}
+
+.despegar-size-32-demo {
+  font-size: 32px;
+}
+
+.despegar-size-36-demo {
+  font-size: 36px;
+}
+
 .despegar-black-demo {
   padding: 10px;
   background: black;
@@ -2508,7 +2524,7 @@ body {
 
 .despegar-red-demo {
   padding: 10px;
-  background: red;
+  background: #e20a16;
 }
 
 .despegar-blue-demo {
@@ -2553,10 +2569,20 @@ body {
 }
 
 .despegar-gray-7-demo {
+  padding: 10px;
+  background: #dddddd;
+}
+
+.despegar-gray-8-demo {
   padding: 10px;
   background: #eeeeee;
 }
 
+.despegar-gray-9-demo {
+  padding: 10px;
+  background: whitesmoke;
+}
+
 .despegar-searchbox-bg-demo {
   padding: 10px;
   background: #ffff33;
@@ -2590,7 +2616,7 @@ body {
 
 .despegar-error-border-demo {
   padding: 10px;
-  background: red;
+  background: #e20a16;
 }
 
 .despegar-warning-bg-demo {
@@ -2640,7 +2666,7 @@ body {
 }
 .clusters-demo-1 .cluster .cluster-items-list .cluster-item {
   border: 1px solid transparent;
-  border-top-color: #eeeeee;
+  border-top-color: #dddddd;
 }
 .clusters-demo-1 .cluster .cluster-items-list .cluster-item:first-child {
   border-top-color: transparent;