active_frontend 3.0.4 → 4.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 443a90943d74f427ae37c96e8c0f21adacd712b8
-  data.tar.gz: fc0e4c55023c9d99fa5fab4207d71333c9cbbf90
+  metadata.gz: 08cd7d297346a56c56cbdfe4205b99694240cbd3
+  data.tar.gz: 96ea58181c59cbc44e8ded0c89343d0e1462caad
 SHA512:
-  metadata.gz: 1515d9b86d87c013cbd0ed9a217cffdd6f0800868f63400e70b841ed9ec6ff8edfaf9ecdcd15f9343264c2006d4075b647f18a38d8da07c22eb66ac0c7d6c961
-  data.tar.gz: a89c9a906803441b9695695af6e05e13a2586917b9d5e87b2ad659e738e78154afb415d2291eb302b84964e09851b5ef4529327a6d9b9858613987d3188d415e
+  metadata.gz: d7533130b43aef9618d72f8977044f4fead9e794b2289df1baf2bcde1b90f003ec00cc3d6c7e9cb79cc69019c5b310a1cccbecad815e5cc64c0b18a195828bf7
+  data.tar.gz: 7561a473f8c5d51a58c7e7ac1c12876bd0d6a3eac607835cc00ddbf0dd41317e759a4146a5519dc4d541ffc1ec975bd1be625c28897c62bf441e1a6e0d713cb0

data/lib/active_frontend/version.rb

@@ -1,3 +1,3 @@
 module ActiveFrontend
-  VERSION = "3.0.4"
+  VERSION = "4.0.0"
 end

data/vendor/assets/javascripts/chart.js

@@ -49,7 +49,7 @@
       scaleStartValue: null,
 
       // String - Colour of the scale line
-      scaleLineColor: "rgba(243,243,243,1)",
+      scaleLineColor: "rgba(230,237,242,1)",
 
       // Number - Pixel width of the scale line
       scaleLineWidth: 1,
@@ -76,7 +76,7 @@
       scaleFontStyle: "bold",
 
       // String - Scale label font colour
-      scaleFontColor: "rgba(34,34,34,1)",
+      scaleFontColor: "rgba(42,44,48,1)",
 
       // Boolean - whether or not the chart should be responsive and resize when the browser does.
       responsive: true,
@@ -91,7 +91,7 @@
       tooltipEvents: ["mousemove", "touchstart", "touchmove", "mouseout"],
 
       // String - Tooltip background colour
-      tooltipFillColor: "rgba(34,34,34,1)",
+      tooltipFillColor: "rgba(42,44,48,1)",
 
       // String - Tooltip label font declaration for the scale label
       tooltipFontFamily: "'Gotham', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",
@@ -1910,7 +1910,7 @@
     scaleShowGridLines : true,
 
     //String - Colour of the grid lines
-    scaleGridLineColor : "rgba(243,243,243,1)",
+    scaleGridLineColor : "rgba(230,237,242,1)",
 
     //Number - Width of the grid lines
     scaleGridLineWidth : 1,
@@ -2387,7 +2387,7 @@
     scaleShowGridLines : true,
 
     //String - Colour of the grid lines
-    scaleGridLineColor : "rgba(243,243,243,1)",
+    scaleGridLineColor : "rgba(230,237,242,1)",
 
     //Number - Width of the grid lines
     scaleGridLineWidth : 1,
@@ -2992,7 +2992,7 @@
       scaleBeginAtZero : true,
 
       //String - Colour of the angle line
-      angleLineColor : "rgba(243,243,243,1)",
+      angleLineColor : "rgba(230,237,242,1)",
 
       //Number - Pixel width of the angle line
       angleLineWidth : 1,
@@ -3007,7 +3007,7 @@
       pointLabelFontSize : 11,
 
       //String - Point label font colour
-      pointLabelFontColor : "rgba(34,34,34,1)",
+      pointLabelFontColor : "rgba(42,44,48,1)",
 
       //Boolean - Whether to show a dot for each point
       pointDot : true,

data/vendor/assets/stylesheets/ad.scss

@@ -5,7 +5,8 @@
 /* # Ad
 ================================================== */
 .ad {
-  background: rgba(249,249,249,1);
+  background: rgba(245,248,250,1);
+  border: 2px solid rgba(235,242,247,1);
   height: 220px;
   width: 220px;
 }

data/vendor/assets/stylesheets/alert.scss

@@ -13,9 +13,8 @@
   z-index: 1040;
 }
 .alert {
-  background: rgba(249,249,249,1);
-  border-bottom: 2px solid rgba(0,0,0,0.02);
-  -moz-box-sizing: border-box;
+  background: rgba(85,94,113,1);
+  border-bottom: 2px solid rgba(0,0,0,0.1);
   box-sizing: border-box;
   color: rgba(255,255,255,1);
   display: block;
@@ -30,7 +29,7 @@
   border-bottom: 1px dotted rgba(255,255,255,1);
   font-style: italic;
 }
-.alert-lined { border: 1px solid rgba(62,77,87,1); }
+.alert-lined { border: 2px solid rgba(0,0,0,0.1); }
 .alert-close {
   border: 0 !important;
   color: rgba(255,255,255,1) !important;
@@ -41,33 +40,12 @@
 
 /* # Colors
 ================================================== */
-.alert-gray,
-.alert-notice,
-.alert.alert-gray .alert-close,
-.alert.alert-notice .alert-close { color: rgba(34,34,34,1) !important; }
-.alert.alert-gray > a,
-.alert.alert-notice > a {
-  color: rgba(34,34,34,1);
-  border-bottom-color: rgba(34,34,34,1);
-}
 .alert-green,
-.alert-success {
-  background: rgba(27,192,109,1);
-  border-color: rgba(7,172,89,1);
-}
+.alert-success { background: rgba(27,192,109,1); }
 .alert-orange,
-.alert-warning {
-  background: rgba(166,165,71,1);
-  border-color: rgba(146,145,51,1);
-}
+.alert-warning { background: rgba(255,154,46,1); }
 .alert-red,
 .alert-error,
-.alert-alert {
-  background: rgba(225,80,80,1);
-  border-color: rgba(205,60,60,1);
-}
+.alert-alert { background: rgba(225,80,80,1); }
 .alert-black,
-.alert-system {
-  background: rgba(54,54,54,1);
-  border-color: rgba(34,34,34,1);
-}
+.alert-system { background: rgba(42,44,48,1); }

data/vendor/assets/stylesheets/aside.scss

@@ -8,7 +8,7 @@
 .aside {
   background-clip: padding-box;
   background: rgba(255,255,255,1);
-  box-shadow: 0 0 3px rgba(0,0,0,0.25);
+  box-shadow: 0 0 3px rgba(0,0,0,0.5);
   display: none;
   height: 100%;
   left: initial;
@@ -45,10 +45,10 @@
   right: initial;
 }
 .aside-header {
-  background: rgba(24,24,24,1);
-  border-bottom: 1px solid rgba(4,4,4,1);
+  background: rgba(91,146,250,1);
+  border-bottom: 4px solid rgba(86,131,235,1);
   margin: 0;
-  padding: 21px 0px 22px 0px;
+  padding: 21px 0px 19px 0px;
   position: absolute;
   text-transform: uppercase;
   text-align: center;
@@ -77,7 +77,7 @@
 .aside-body p:last-child { margin-bottom: 0; }
 .aside-footer {
   background: rgba(255,255,255,1);
-  border-top: 1px solid rgba(243,243,243,1);
+  border-top: 1px solid rgba(230,237,242,1);
   bottom: 0;
   margin-bottom: 0;
   padding: 0;
@@ -95,7 +95,7 @@ input.aside-footer-btn {
   border: 0;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
-  color: rgba(34,34,34,1) !important;
+  color: rgba(42,44,48,1) !important;
   cursor: pointer;
   float: left;
   -webkit-font-smoothing: antialiased;
@@ -115,13 +115,13 @@ input.aside-footer-btn {
 .aside-footer-btn[disabled],
 button.aside-footer-btn[disabled],
 input.aside-footer-btn[disabled] {
-  color: rgba(200,200,200,1) !important;
+  color: rgba(136,153,166,1) !important;
   cursor: not-allowed;
 }
 .aside-footer-btn-group > .aside-footer-btn,
 .aside-footer-btn-group > button.aside-footer-btn
 .aside-footer-btn-group > input.aside-footer-btn {
-  border-right: 1px solid rgba(243,243,243,1);
+  border-right: 1px solid rgba(230,237,242,1);
   width: 50%;
 }
 .aside-footer-btn-group > .aside-footer-btn:last-child,

data/vendor/assets/stylesheets/breadcrumb.scss

@@ -14,10 +14,10 @@
   font-weight: bold;
   font-size: 13px;
 }
-.breadcrumb > li > a { color: rgba(34,34,34,1); }
-.breadcrumb > li > a:hover { color: rgba(27,192,109,1); }
+.breadcrumb > li > a { color: rgba(42,44,48,1); }
+.breadcrumb > li > a:hover { color: rgba(91,146,250,1); }
 .breadcrumb > li > .divider {
-  color: rgba(34,34,34,1);
+  color: rgba(42,44,48,1);
   padding: 0 5px;
 }
-.breadcrumb > .active { color: rgba(27,192,109,1); }
+.breadcrumb > .active { color: rgba(91,146,250,1); }

data/vendor/assets/stylesheets/button.scss

@@ -17,12 +17,12 @@
 .btn {
   -webkit-appearance: none;
   -moz-appearance: none;
-  background: rgba(249,249,249,1);
-  border: 2px solid rgba(249,249,249,1);
+  background: rgba(245,248,250,1);
+  border: 1px solid rgba(245,248,250,1);
   border-radius: 0;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
-  color: rgba(34,34,34,1);
+  color: rgba(42,44,48,1);
   cursor: pointer;
   display: inline-block;
   -webkit-font-smoothing: antialiased;
@@ -48,7 +48,8 @@
 .btn[disabled],
 .btn[disabled]:hover,
 .open > .dropdown-toggle.btn {
-  background: rgba(253,253,253,1);
+  background: rgba(240,243,245,1);
+  border-color: rgba(240,243,245,1);
   text-decoration: none;
 }
 .btn[disabled],
@@ -66,7 +67,7 @@
 ================================================== */
 .btn-large { padding: 19px 30px; }
 .btn-medium { padding: 9px 15px 10px 15px; }
-.btn-small { padding: 7px 15px 8px 15px; }
+.btn-small { padding: 8px 15px; }
 .btn-mini {
   font-size: 9px;
   line-height: 9px;
@@ -87,8 +88,8 @@ input.btn-block {
 /* # Colors
 ================================================== */
 .btn-black {
-  background: rgba(34,34,34,1);
-  border-color: rgba(34,34,34,1);
+  background: rgba(42,44,48,1);
+  border-color: rgba(42,44,48,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-black[disabled],
@@ -97,10 +98,13 @@ input.btn-block {
 .btn-black.active,
 .btn-black:hover,
 .btn-black:focus,
-.open > .dropdown-toggle.btn.btn-black { background: rgba(54,54,54,1); }
+.open > .dropdown-toggle.btn.btn-black {
+  background: rgba(32,34,38,1);
+  border-color: rgba(32,34,38,1);
+}
 .btn-blue {
-  background: rgba(76,143,202,1);
-  border-color: rgba(76,143,202,1);
+  background: rgba(91,146,250,1);
+  border-color: rgba(91,146,250,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-blue[disabled],
@@ -109,7 +113,10 @@ input.btn-block {
 .btn-blue.active,
 .btn-blue:hover,
 .btn-blue:focus,
-.open > .dropdown-toggle.btn.btn-blue { background: rgba(96,163,222,1); }
+.open > .dropdown-toggle.btn.btn-blue {
+  background: rgba(81,136,240,1);
+  border-color: rgba(81,136,240,1);
+}
 .btn-green {
   background: rgba(27,192,109,1);
   border-color: rgba(27,192,109,1);
@@ -121,7 +128,10 @@ input.btn-block {
 .btn-green.active,
 .btn-green:hover,
 .btn-green:focus,
-.open > .dropdown-toggle.btn.btn-green { background: rgba(47,212,129,1); }
+.open > .dropdown-toggle.btn.btn-green {
+  background: rgba(17,182,99,1);
+  border-color: rgba(17,182,99,1);
+}
 .btn-orange {
   background: rgba(255,154,46,1);
   border-color: rgba(255,154,46,1);
@@ -133,10 +143,13 @@ input.btn-block {
 .btn-orange.active,
 .btn-orange:hover,
 .btn-orange:focus,
-.open > .dropdown-toggle.btn.btn-orange { background: rgba(255,174,66,1); }
+.open > .dropdown-toggle.btn.btn-orange {
+  background: rgba(245,144,36,1);
+  border-color: rgba(245,144,36,1);
+}
 .btn-purple {
-  background: rgba(110,115,136,1);
-  border-color: rgba(110,115,136,1);
+  background: rgba(81,68,95,1);
+  border-color: rgba(81,68,95,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-purple[disabled],
@@ -145,7 +158,10 @@ input.btn-block {
 .btn-purple.active,
 .btn-purple:hover,
 .btn-purple:focus,
-.open > .dropdown-toggle.btn.btn-purple { background: rgba(130,135,156,1); }
+.open > .dropdown-toggle.btn.btn-purple {
+  background: rgba(71,58,85,1);
+  border-color: rgba(71,58,85,1);
+}
 .btn-red {
   background: rgba(225,80,80,1);
   border-color: rgba(225,80,80,1);
@@ -157,10 +173,13 @@ input.btn-block {
 .btn-red.active,
 .btn-red:hover,
 .btn-red:focus,
-.open > .dropdown-toggle.btn.btn-red { background: rgba(255,99,88,1); }
+.open > .dropdown-toggle.btn.btn-red {
+  background: rgba(215,70,70,1);
+  border-color: rgba(215,70,70,1);
+}
 .btn-smoke {
-  background: rgba(100,100,100,1);
-  border-color: rgba(100,100,100,1);
+  background: rgba(85,94,113,1);
+  border-color: rgba(85,94,113,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-smoke[disabled],
@@ -169,15 +188,27 @@ input.btn-block {
 .btn-smoke.active,
 .btn-smoke:hover,
 .btn-smoke:focus,
-.open > .dropdown-toggle.btn.btn-smoke { background: rgba(120,120,120,1); }
+.open > .dropdown-toggle.btn.btn-smoke {
+  background: rgba(75,84,103,1);
+  border-color: rgba(75,84,103,1);
+}
 .btn-white {
   background: rgba(255,255,255,1);
   border-color: rgba(255,255,255,1);
-  color: rgba(200,200,200,1) !important;
+}
+.btn-white[disabled],
+.btn-white[disabled]:hover,
+.btn-white:active,
+.btn-white.active,
+.btn-white:hover,
+.btn-white:focus,
+.open > .dropdown-toggle.btn.btn-white {
+  background: rgba(240,243,245,1);
+  border-color: rgba(240,243,245,1);
 }
 .btn-yellow {
-  background: rgba(166,165,71,1);
-  border-color: rgba(166,165,71,1);
+  background: rgba(253,245,98,1);
+  border-color: rgba(253,245,98,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-yellow[disabled],
@@ -186,7 +217,10 @@ input.btn-block {
 .btn-yellow.active,
 .btn-yellow:hover,
 .btn-yellow:focus,
-.open > .dropdown-toggle.btn.btn-yellow { background: rgba(186,185,91,1); }
+.open > .dropdown-toggle.btn.btn-yellow {
+  background: rgba(243,235,88,1);
+  border-color: rgba(243,235,88,1);
+}
 
 /* # Links
 ================================================== */
@@ -194,7 +228,7 @@ input.btn-block {
   background: transparent;
   border-color: transparent;
   box-shadow: none;
-  color: rgba(200,200,200,1) !important;
+  color: rgba(136,153,166,1) !important;
   padding: 0;
 }
 .btn-link:active,
@@ -204,7 +238,8 @@ input.btn-block {
 .btn-link[disabled],
 .btn-link[disabled]:hover {
   background: transparent;
-  color: rgba(34,34,34,1) !important;
+  border-color: transparent;
+  color: rgba(85,94,113,1) !important;
 }
 
 /* # Icons
@@ -246,36 +281,36 @@ input.btn-block {
 .btn-outline[disabled],
 .btn-outline[disabled]:hover {
   background: transparent;
-  color: rgba(200,200,200,1) !important;
+  color: rgba(85,94,113,1) !important;
 }
 .btn-outline:active,
 .btn-outline.active,
 .btn-outline:hover,
 .btn-outline:focus,
 .open > .dropdown-toggle.btn.btn-outline {
-  background: rgba(253,253,253,1);
-  color: rgba(34,34,34,1) !important;
+  background: rgba(240,243,245,1);
+  color: rgba(42,44,48,1) !important;
 }
 .btn-outline.btn-black,
 .btn-outline.btn-black[disabled],
-.btn-outline.btn-black[disabled]:hover { color: rgba(34,34,34,1) !important; }
+.btn-outline.btn-black[disabled]:hover { color: rgba(42,44,48,1) !important; }
 .btn-outline.btn-black:active,
 .btn-outline.btn-black.active,
 .btn-outline.btn-black:hover,
 .btn-outline.btn-black:focus,
 .open > .dropdown-toggle.btn.btn-outline.btn-black {
-  background: rgba(44,44,44,1);
+  background: rgba(32,34,38,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-outline.btn-blue,
 .btn-outline.btn-blue[disabled],
-.btn-outline.btn-blue[disabled]:hover { color: rgba(76,143,202,1) !important; }
+.btn-outline.btn-blue[disabled]:hover { color: rgba(91,146,250,1) !important; }
 .btn-outline.btn-blue:active,
 .btn-outline.btn-blue.active,
 .btn-outline.btn-blue:hover,
 .btn-outline.btn-blue:focus,
 .open > .dropdown-toggle.btn.btn-outline.btn-blue {
-  background: rgba(96,163,222,1);
+  background: rgba(81,136,240,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-outline.btn-green,
@@ -286,7 +321,7 @@ input.btn-block {
 .btn-outline.btn-green:hover,
 .btn-outline.btn-green:focus,
 .open > .dropdown-toggle.btn.btn-outline.btn-green {
-  background: rgba(47,212,129,1);
+  background: rgba(17,182,99,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-outline.btn-orange,
@@ -297,18 +332,18 @@ input.btn-block {
 .btn-outline.btn-orange:hover,
 .btn-outline.btn-orange:focus,
 .open > .dropdown-toggle.btn.btn-outline.btn-orange {
-  background: rgba(255,174,66,1);
+  background: rgba(255,144,36,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-outline.btn-purple,
 .btn-outline.btn-purple[disabled],
-.btn-outline.btn-purple[disabled]:hover { color: rgba(110,115,136,1) !important; }
+.btn-outline.btn-purple[disabled]:hover { color: rgba(81,68,95,1) !important; }
 .btn-outline.btn-purple:active,
 .btn-outline.btn-purple.active,
 .btn-outline.btn-purple:hover,
 .btn-outline.btn-purple:focus,
 .open > .dropdown-toggle.btn.btn-outline.btn-purple {
-  background: rgba(130,135,156,1);
+  background: rgba(71,58,85,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-outline.btn-red,
@@ -319,18 +354,18 @@ input.btn-block {
 .btn-outline.btn-red:hover,
 .btn-outline.btn-red:focus,
 .open > .dropdown-toggle.btn.btn-outline.btn-red {
-  background: rgba(255,99,88,1);
+  background: rgba(215,70,70,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-outline.btn-smoke,
 .btn-outline.btn-smoke[disabled],
-.btn-outline.btn-smoke[disabled]:hover { color: rgba(100,100,100,1) !important; }
+.btn-outline.btn-smoke[disabled]:hover { color: rgba(85,94,113,1) !important; }
 .btn-outline.btn-smoke:active,
 .btn-outline.btn-smoke.active,
 .btn-outline.btn-smoke:hover,
 .btn-outline.btn-smoke:focus,
 .open > .dropdown-toggle.btn.btn-outline.btn-smoke {
-  background: rgba(120,120,120,1);
+  background: rgba(75,84,103,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-outline.btn-white,
@@ -340,16 +375,19 @@ input.btn-block {
 .btn-outline.btn-white.active,
 .btn-outline.btn-white:hover,
 .btn-outline.btn-white:focus,
-.open > .dropdown-toggle.btn.btn-outline.btn-white { color: rgba(34,34,34,1) !important; }
+.open > .dropdown-toggle.btn.btn-outline.btn-white {
+  background: rgba(240,243,245,1);
+  color: rgba(42,44,48,1) !important;
+}
 .btn-outline.btn-yellow,
 .btn-outline.btn-yellow[disabled],
-.btn-outline.btn-yellow[disabled]:hover { color: rgba(166,165,71,1) !important; }
+.btn-outline.btn-yellow[disabled]:hover { color: rgba(253,245,98,1) !important; }
 .btn-outline.btn-yellow:active,
 .btn-outline.btn-yellow.active,
 .btn-outline.btn-yellow:hover,
 .btn-outline.btn-yellow:focus,
 .open > .dropdown-toggle.btn.btn-outline.btn-yellow {
-  background: rgba(186,185,91,1);
+  background: rgba(243,235,88,1);
   color: rgba(255,255,255,1) !important;
 }
 
@@ -375,7 +413,7 @@ input.btn-block {
 .btn-group > .dropdown-toggle:not(:first-child) { border-left-color: rgba(0,0,0,0.15); }
 .btn-group > .btn,
 .btn-group-vertical > .btn {
-  margin-left: -2px;
+  margin-left: -1px;
   position: relative;
 }
 .btn-group > .btn:first-child { margin-left: 0; }
@@ -395,7 +433,7 @@ input.btn-block {
 .btn-group-vertical > .btn-group > .btn {
   display: block;
   margin-left: 0;
-  margin-top: -2px;
+  margin-top: -1px;
   max-width: 100%;
   width: 100%;
 }
@@ -413,6 +451,8 @@ input.btn-block {
   width: 1%;
 }
 .btn-group-justified > .btn-group .btn { width: 100%; }
+.btn-group-justified > .btn { border-right-width: 0; }
+.btn-group-justified > .btn:last-child { border-right-width: 1px; }
 
 /* # Toolbar
 ================================================== */
@@ -442,7 +482,7 @@ input.btn-block {
   .btn-group-responsive > .btn-group > .btn {
     display: block;
     margin-left: 0;
-    margin-top: -2px;
+    margin-top: -1px;
     max-width: 100%;
     width: 100%;
   }
@@ -451,7 +491,7 @@ input.btn-block {
   .btn-group-vertical-responsive > .btn-group,
   .btn-group-vertical-responsive > .btn-group > .btn {
     display: inline-block;
-    margin-left: -2px;
+    margin-left: -1px;
     margin-top: 0;
     max-width: initial;
     width: initial;