active_frontend 14.0.39 → 14.0.40

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 1d7d3fdf9f648d9eaedc7696302a896ae10c6b4a
-  data.tar.gz: 2d74d518af53704337d2501780654ce6ed44243b
+  metadata.gz: 2457c501f0f702ff0264569380b0a08593731371
+  data.tar.gz: ff9afb2195dc3d93ece4c7a4eb889ffa5509a8e8
 SHA512:
-  metadata.gz: d07e36cadd80dc42909c5e43af30cb6345091ef5a0c00a79a4a43404cf4441f8586d061b525b04530868a7598e47b43b35af1e3687c184b290e2c4ce54a845a0
-  data.tar.gz: 5150dd80c7b3d367c17fb151e87692c1b70bb614bcb4224b64e214e5261e59f3ab03fa329a7e4f95ce3f7b2f2b3946966f839525765e4a74f5b35d7eebea71f8
+  metadata.gz: b07b3581ccc6208a02c42f3703b9384fefc4022ad570e8397580b735a0e20f1e74b986570267fafee0a3df39a9af6d281d501f3a02176c1213194d26a291936e
+  data.tar.gz: c625d137ecb49cca39220484d449a374c2752e11bdb1410d81fb45512d2075f4b501ec67cb18532e9dd23ed6b55c25732209df6ed8ae899edaa3aa729009d2a6

data/lib/active_frontend/version.rb

@@ -1,3 +1,3 @@
 module ActiveFrontend
-  VERSION = '14.0.39'.freeze
+  VERSION = '14.0.40'.freeze
 end

data/vendor/assets/javascripts/base/_colorpicker.js

@@ -18,9 +18,9 @@
   Colorpicker.DEFAULTS = {
     callback: function (color) {},
     colors: [
-      '#9ABF5B', '#32C251', '#37BAD4', '#247EEC', '#7E61EA',
-      '#AD65E4', '#F15D79', '#DD3D3F', '#EA8532', '#F2CB24',
-      '#273444', '#8292A4', '#EEF0F6', '#FFFFFF'
+      '#A1D74D', '#2ECC40', '#2ECFDD', '#0D86F6', '#7E63E2',
+      '#BA5BCE', '#EA4C88', '#EB4622', '#FDA30D', '#F6D123',
+      '#364453', '#8292A4', '#EEF0F6', '#FFFFFF'
     ],
     item: '<li><button type="button"></button></li>',
     menu: '<ul class="colorpicker dropmenu caret"></ul>'

data/vendor/assets/javascripts/base/_switch.js

@@ -67,6 +67,7 @@
     if (this.$element.prop('disabled')) return false;
 
     this.$switch.removeClass('off');
+    this.$switch.addClass(this.options.onClass);
     this.$element.prop('checked', true);
 
     if (!silent) this.trigger();
@@ -75,6 +76,7 @@
   Switch.prototype.off = function (silent) {
     if (this.$element.prop('disabled')) return false;
 
+    this.$switch.removeClass(this.options.onClass);
     this.$switch.addClass('off');
     this.$element.prop('checked', false);
 

data/vendor/assets/javascripts/extensions/_chart.js

@@ -5415,8 +5415,8 @@ module.exports = function () {
         animationDuration: 400
       },
       onClick: null,
-      defaultColor: 'rgba(39,52,68,0.1)',
-      defaultFontColor: 'rgba(39,52,68,1)',
+      defaultColor: 'rgba(54,68,83,0.1)',
+      defaultFontColor: 'rgba(54,68,83,1)',
       defaultFontFamily: "'Fakt Soft Pro', Verdana, Tahoma, sans-serif",
       defaultFontSize: 16,
       defaultFontStyle: 'normal',
@@ -6138,14 +6138,14 @@ module.exports = function (Chart) {
     position: 'left',
     gridLines: {
       display: true,
-      color: 'rgba(228,231,238,1)',
+      color: 'rgba(229,232,241,1)',
       lineWidth: 1,
       drawBorder: true,
       drawOnChartArea: true,
       drawTicks: true,
       tickMarkLength: 10,
       zeroLineWidth: 1,
-      zeroLineColor: 'rgba(228,231,238,1)',
+      zeroLineColor: 'rgba(229,232,241,1)',
       offsetGridLines: false
     },
     scaleLabel: {
@@ -7006,7 +7006,7 @@ module.exports = function (Chart) {
     enabled: true,
     custom: null,
     mode: 'single',
-    backgroundColor: 'rgba(39,52,68,1)',
+    backgroundColor: 'rgba(54,68,83,1)',
     titleFontStyle: '500',
     titleSpacing: 0,
     titleMarginBottom: 3,
@@ -8681,7 +8681,7 @@ module.exports = function (Chart) {
     position: 'chartArea',
     angleLines: {
       display: true,
-      color: 'rgba(228,231,238,1)',
+      color: 'rgba(229,232,241,1)',
       lineWidth: 1
     },
     ticks: {

data/vendor/assets/stylesheets/_variable.scss

@@ -34,26 +34,26 @@ $animation-durations: (
 // Color
 // ==================================================
 $colors-brand: (
-  'lime': rgba(154,191,91,1),
-  'green': rgba(50,194,81,1),
-  'teal': rgba(55,186,212,1),
-  'blue': rgba(36,126,236,1),
-  'indigo': rgba(126,97,234,1),
-  'purple': rgba(173,101,228,1),
-  'pink': rgba(241,93,121,1),
-  'red': rgba(221,61,63,1),
-  'orange': rgba(234,133,50,1),
-  'yellow': rgba(242,203,36,1)
+  'lime': rgba(161,215,77,1),
+  'green': rgba(46,204,64,1),
+  'teal': rgba(46,207,221,1),
+  'blue': rgba(13,134,246,1),
+  'indigo': rgba(126,99,226,1),
+  'purple': rgba(186,91,206,1),
+  'pink': rgba(239,76,136,1),
+  'red': rgba(235,70,34,1),
+  'orange': rgba(253,163,13,1),
+  'yellow': rgba(246,209,35,1)
 );
 $colors-grayscale: (
   'transparent': rgba(0,0,0,0),
-  'dark-black': rgba(32,42,58,1),
-  'black': rgba(39,52,68,1),
-  'light-black': rgba(48,64,80,1),
-  'dark-gray': rgba(108,126,144,1),
+  'dark-black': rgba(47,59,72,1),
+  'black': rgba(54,68,83,1),
+  'light-black': rgba(61,77,93,1),
+  'dark-gray': rgba(110,128,150,1),
   'gray': rgba(130,146,164,1),
-  'light-gray': rgba(153,166,181,1),
-  'dark-haze': rgba(228,231,238,1),
+  'light-gray': rgba(153,166,183,1),
+  'dark-haze': rgba(229,232,241,1),
   'haze': rgba(238,240,246,1),
   'light-haze': rgba(249,250,252,1),
   'white': rgba(255,255,255,1)
@@ -73,7 +73,7 @@ $common-border-radiuses: (
   xl: 999px,
   l: 10px,
   m: 6px,
-  b: 3px,
+  b: 4px,
   s: 2px,
   n: 0
 );

data/vendor/assets/stylesheets/blocks/_button.scss

@@ -33,11 +33,15 @@
 
   &:hover,
   &.active,
-  &:focus { background: darkish-color(haze); }
+  &:focus {
+    background: darkish-color(haze);
+    box-shadow: inset 0 -2px dark-color(haze);
+  }
   &:active,
   &.disabled,
   &[disabled] {
     background: lightish-color(haze);
+    box-shadow: none;
     color: transparentize(color(black), 0.35);
   }
   &.disabled,
@@ -88,11 +92,15 @@
 
     &:hover,
     &.active,
-    &:focus { background: darkish-color($name); }
+    &:focus {
+      background: darkish-color($name);
+      box-shadow: inset 0 -2px dark-color($name);
+    }
     &:active,
     &.disabled,
     &[disabled] {
       background: lightish-color($name);
+      box-shadow: none;
       color: transparentize(text-color-on($name), 0.35);
     }
   }
@@ -117,7 +125,10 @@
   &.active,
   &:focus,
   &.disabled,
-  &[disabled] { background: inherit; }
+  &[disabled] {
+    background: inherit;
+    box-shadow: none;
+  }
 }
 .btn-block {
   display: block;
@@ -155,6 +166,7 @@
     min-width: 32px;
     padding: 7px 0 8px;
   }
+  &.btn-link { padding: 0; }
 }
 
 // Groups

data/vendor/assets/stylesheets/blocks/_form.scss

@@ -64,16 +64,18 @@ input:not([type='submit']),
 select,
 textarea {
   &[disabled] {
-    @include text-fill-color(color(dark-gray));
-    background: darkish-color(light-haze);
-    color: color(dark-gray);
+    @include text-fill-color(color(gray));
+    background: color(light-haze);
+    color: color(gray);
   }
 
   &.dark {
-    &[disabled] { background: color(light-black); }
+    background: color(light-black);
+
+    &[disabled] { background: color(black); }
   }
   &.light {
-    &[disabled] { background: color(haze); }
+    &[disabled] { background: color(light-haze); }
   }
 }
 input {
@@ -81,6 +83,12 @@ input {
   &::-moz-placeholder { line-height: 24px; }
   &:-ms-input-placeholder { line-height: 24px; }
 }
+input,
+textarea {
+  &::-webkit-input-placeholder { font-weight: text-weight(normal); }
+  &::-moz-placeholder { line-height: text-weight(normal); }
+  &:-ms-input-placeholder { line-height: text-weight(normal); }
+}
 input[type='submit'] {
   margin: 0;
   width: initial;
@@ -359,12 +367,18 @@ textarea {
   }
   &.form-align-vertical { vertical-align: middle; }
   &.dark {
-    background: color(dark-black);
+    label {
+      background: color(light-black);
 
-    label { background: color(black); }
+      &:hover { background: color(dark-black); }
+    }
   }
   &.light {
-    label { background: color(haze); }
+    label {
+      background: color(light-haze);
+
+      &:hover { background: color(dark-haze); }
+    }
   }
 }
 .form-radio { border-radius: border-radius(xl); }

data/vendor/assets/stylesheets/blocks/_reset.scss

@@ -169,5 +169,5 @@ body {
   text-decoration: none;
   text-transform: none;
 }
-::-moz-selection { background: transparentize(color(primary), 0.85); }
-::selection { background: transparentize(color(primary), 0.85); }
+::-moz-selection { background: transparentize(color(primary), 0.8); }
+::selection { background: transparentize(color(primary), 0.8); }

data/vendor/assets/stylesheets/blocks/_typography.scss

@@ -24,7 +24,6 @@ $font-headings: h1, h2, h3, h4, h5, h6;
   $name: nth(map-keys($font-sizes), $i);
 
   #{$heading} {
-    font-family: text-family(display);
     font-size: text-size($name);
     font-weight: text-weight(semibold);
     line-height: text-line-height($name);

data/vendor/assets/stylesheets/components/_card.scss

@@ -22,6 +22,7 @@
   border-top-left-radius: border-radius(b);
   border-top-right-radius: border-radius(b);
   font-weight: text-weight(semibold);
+  padding-bottom: 9px;
 }
 .card-footer {
   border-top: 0;

data/vendor/assets/stylesheets/components/_switch.scss

@@ -146,6 +146,7 @@
 @each $name, $color in $colors {
   .switch-color-#{$name} {
     background: color($name);
+    border-color: darkish-color($name);
     color: text-color-on($name);
   }
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: active_frontend
 version: !ruby/object:Gem::Version
-  version: 14.0.39
+  version: 14.0.40
 platform: ruby
 authors:
 - Juan Gomez
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2016-12-17 00:00:00.000000000 Z
+date: 2016-12-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails