picasso 0.3.7 → 0.4.0

data/docs/picasso-components-_buttons.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/picasso-components-_clusters.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/picasso-components-_inputs.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/picasso-components-_list-grids.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/picasso-components-_navs.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;