active_frontend 15.1.6 → 16.0.0

data/lib/active_frontend/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module ActiveFrontend
-  VERSION ||= '15.1.6'
+  VERSION ||= '16.0.0'
 end

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

@@ -17,9 +17,9 @@
   Colorpicker.VERSION = '1.0.0';
   Colorpicker.DEFAULTS = {
     colors: [
-      '#84CF47', '#56C63E', '#28D79D', '#028DFF', '#8463EF',
-      '#B163DA', '#ED6A7B', '#EC463D', '#FC9223', '#F7D020',
-      '#263646', '#7F92AA', '#EDF0F9', '#FFFFFF'
+      '#7ac53d', '#4cbc34', '#1ecd93', '#167eff', '#805feb',
+      '#9d5ed5', '#e86576', '#f43543', '#fc8323', '#f5ca09',
+      '#0d202f', '#304455', '#697783', '#edf0f9', '#ffffff'
     ],
     item: '<li><button type="button"></button></li>',
     menu: '<ul class="colorpicker dropmenu caret"></ul>',

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

@@ -1331,8 +1331,8 @@ var cssKeywords = {
   lightsalmon:  [255,160,122],
   lightseagreen:  [32,178,170],
   lightskyblue: [135,206,250],
-  lightslategray: [127,146,170],
-  lightslategrey: [127,146,170],
+  lightslategray: [105,119,131],
+  lightslategrey: [105,119,131],
   lightsteelblue: [176,196,222],
   lightyellow:  [255,255,224],
   lime: [0,255,0],
@@ -5415,10 +5415,10 @@ module.exports = function () {
         animationDuration: 400
       },
       onClick: null,
-      defaultColor: 'rgba(38,54,70,0.1)',
-      defaultFontColor: 'rgba(38,54,70,1)',
-      defaultFontFamily: "'Fakt Soft Pro', Verdana, Tahoma, sans-serif",
-      defaultFontSize: 16,
+      defaultColor: 'rgba(48,68,85,0.1)',
+      defaultFontColor: 'rgba(48,68,85,1)',
+      defaultFontFamily: "'Circular', Verdana, Tahoma, sans-serif",
+      defaultFontSize: 14,
       defaultFontStyle: 'normal',
       showLines: true,
       elements: {},
@@ -6138,14 +6138,14 @@ module.exports = function (Chart) {
     position: 'left',
     gridLines: {
       display: true,
-      color: 'rgba(228,233,244,1)',
+      color: 'rgba(237,240,249,1)',
       lineWidth: 1,
       drawBorder: true,
       drawOnChartArea: true,
       drawTicks: true,
       tickMarkLength: 10,
       zeroLineWidth: 1,
-      zeroLineColor: 'rgba(228,233,244,1)',
+      zeroLineColor: 'rgba(237,240,249,1)',
       offsetGridLines: false
     },
     scaleLabel: {
@@ -7006,22 +7006,22 @@ module.exports = function (Chart) {
     enabled: true,
     custom: null,
     mode: 'single',
-    backgroundColor: 'rgba(38,54,70,1)',
+    backgroundColor: 'rgba(13,32,47,1)',
     titleFontStyle: '500',
     titleSpacing: 0,
     titleMarginBottom: 3,
     titleFontSize: 12,
-    titleFontColor: 'rgba(255,255,255,1)',
+    titleFontColor: 'rgba(228,233,244,1)',
     titleAlign: 'left',
     bodySpacing: 0,
     bodyFontSize: 12,
-    bodyFontColor: 'rgba(255,255,255,1)',
+    bodyFontColor: 'rgba(228,233,244,1)',
     bodyAlign: 'left',
     footerFontSize: 12,
     footerFontStyle: '500',
     footerSpacing: 0,
     footerMarginTop: 3,
-    footerFontColor: 'rgba(255,255,255,1)',
+    footerFontColor: 'rgba(228,233,244,1)',
     footerAlign: 'left',
     yPadding: 10,
     xPadding: 15,
@@ -7029,7 +7029,7 @@ module.exports = function (Chart) {
     xAlign : 'center',
     caretSize: 5,
     cornerRadius: 3,
-    multiKeyBackground: 'rgba(255,255,255,1)',
+    multiKeyBackground: 'rgba(228,233,244,1)',
     callbacks: {
       beforeTitle: helpers.noop,
       title: function (tooltipItems, data) {
@@ -8681,7 +8681,7 @@ module.exports = function (Chart) {
     position: 'chartArea',
     angleLines: {
       display: true,
-      color: 'rgba(228,233,244,1)',
+      color: 'rgba(237,240,249,1)',
       lineWidth: 1
     },
     ticks: {

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

@@ -42,15 +42,15 @@
     settings: {
       displayPercentageChange: false,
       pPrecision: 1,
-      labelLineColor: '#E4E9F4',
-      labelFontColor: '#263646',
-      sectionColor: ['#054B8B', '#075FB0', '#0872D5', '#028DFF', '#3298F7', '#57ABF9', '#7CDDFA'],
-      pSectionColor: '#F7F8FD',
-      font: 'Verdana',
+      labelLineColor: '#edf0f9',
+      labelFontColor: '#304455',
+      sectionColor: ['#054B8B', '#075FB0', '#0872D5', '#167eff', '#3298F7', '#57ABF9', '#7CDDFA'],
+      pSectionColor: '#f7f8fd',
+      font: "'Circular', Verdana, Tahoma, sans-serif",
       maxFontSize: 12,
-      fontWeight: '600',
-      sectionFontColor: '#FFFFFF',
-      pSectionFontColor: '#FFFFFF',
+      fontWeight: '700',
+      sectionFontColor: '#ffffff',
+      pSectionFontColor: '#ffffff',
       pSectionHeightPercent: 50,
       labelWidthPercent: 30,
       funnelReductionPercent: 50,
@@ -127,7 +127,7 @@
 
         this.drawClippingArea(ctx, settings);
 
-        ctx.fillStyle = '#E4E9F4';
+        ctx.fillStyle = '#e4e9f4';
         ctx.fill();
         ctx.clip();
 
@@ -135,7 +135,7 @@
         this.drawClippingArea(ctx, settings, true);
 
         ctx.lineWidth = 0;
-        ctx.strokeStyle = '#E4E9F4';
+        ctx.strokeStyle = '#e4e9f4';
         ctx.stroke();
       }
     },

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

@@ -501,7 +501,7 @@ GMaps.prototype.createControl = function (options) {
   control.style.cursor = 'pointer';
 
   if (options.disableDefaultStyles !== true) {
-    control.style.fontFamily = '"Fakt Soft Pro", "Fakt Pro", Roboto, Arial, sans-serif';
+    control.style.fontFamily = '"Circular", Roboto, Arial, sans-serif';
     control.style.fontSize = '12px';
     control.style.boxShadow = 'rgba(0,0,0,0.298039) 0px 1px 4px -1px';
   }

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

@@ -5333,13 +5333,13 @@
       direction: null,
       styleTags: ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p', 'blockquote', 'pre'],
       fontNames: [
-        'Fakt Soft Pro', 'Arial', 'Arial Black', 'Comic Sans MS', 'Courier New',
+        'Circular', 'Arial', 'Arial Black', 'Comic Sans MS', 'Courier New',
         'Helvetica Neue', 'Helvetica', 'Impact', 'Lucida Grande',
         'Tahoma', 'Times New Roman', 'Verdana'
       ],
       fontSizes: ['8', '10', '12', '14', '16', '18', '20', '28', '42', '56'],
       colors: [
-        ['#000000', '#424242', '#636363', '#9C9C94', '#CEC6CE', '#EFEFEF', '#F7F7F7', '#FFFFFF'],
+        ['#000000', '#424242', '#636363', '#9C9C94', '#CEC6CE', '#EFEFEF', '#F7F7F7', '#ffffff'],
         ['#FF0000', '#FF9C00', '#FFFF00', '#00FF00', '#00FFFF', '#0000FF', '#9C00FF', '#FF00FF'],
         ['#F7C6CE', '#FFE7CE', '#FFEFC6', '#D6EFD6', '#CEDEE7', '#CEE7F7', '#D6D6E7', '#E7D6DE'],
         ['#E79C9C', '#FFC69C', '#FFE79C', '#B5D6A5', '#A5C6CE', '#9CC6EF', '#B5A5D6', '#D6A5BD'],

data/vendor/assets/stylesheets/_utility.scss

@@ -28,7 +28,7 @@
 // ==================================================
 @function text-color-on($color) {
   @if index($colors-black-text, $color) {
-    @return color(black);
+    @return color(slate);
   } @else {
     @return color(white);
   }

data/vendor/assets/stylesheets/_variable.scss

@@ -39,12 +39,15 @@ $animation-durations: (
 // Color
 // ==================================================
 $colors-grayscale: (
-  'light-black': rgba(48,67,85,1),
-  'black': rgba(38,54,70,1),
-  'dark-black': rgba(31,44,60,1),
-  'light-gray': rgba(143,162,185,1),
-  'gray': rgba(127,146,170,1),
-  'dark-gray': rgba(110,129,153,1),
+  'light-black': rgba(17,42,62,1),
+  'black': rgba(13,32,47,1),
+  'dark-black': rgba(9,22,32,1),
+  'light-slate': rgba(55,78,98,1),
+  'slate': rgba(48,68,85,1),
+  'dark-slate': rgba(41,58,72,1),
+  'light-gray': rgba(113,129,142,1),
+  'gray': rgba(105,119,131,1),
+  'dark-gray': rgba(96,109,120,1),
   'light-haze': rgba(247,248,253,1),
   'haze': rgba(237,240,249,1),
   'dark-haze': rgba(228,233,244,1),
@@ -52,18 +55,18 @@ $colors-grayscale: (
   'transparent': rgba(0,0,0,0)
 );
 $colors-brand: (
-  'lime': rgba(132,207,71,1),
-  'green': rgba(86,198,62,1),
-  'teal': rgba(40,215,157,1),
-  'sky': rgba(18,174,255,1),
-  'blue': rgba(2,141,255,1),
-  'indigo': rgba(132,99,239,1),
-  'purple': rgba(177,99,218,1),
-  'pink': rgba(237,106,123,1),
-  'red': rgba(236,70,61,1),
-  'brown': rgba(160,116,88,1),
-  'orange': rgba(252,146,35,1),
-  'yellow': rgba(247,208,32,1)
+  'lime': rgba(122,197,61,1),
+  'green': rgba(76,188,52,1),
+  'teal': rgba(30,205,147,1),
+  'sky': rgba(0,165,255,1),
+  'blue': rgba(22,126,255,1),
+  'indigo': rgba(128,95,235,1),
+  'purple': rgba(157,94,213,1),
+  'brown': rgba(145,101,73,1),
+  'pink': rgba(232,101,118,1),
+  'red': rgba(244,53,67,1),
+  'orange': rgba(252,131,35,1),
+  'yellow': rgba(245,202,9,1)
 );
 $colors-global: (
   'primary': map-get($colors-brand, 'blue'),
@@ -116,14 +119,13 @@ $common-visibility-types: collapse, hidden, visible;
 // Font
 // ==================================================
 $font-available-typography: (
-  fakt-soft-pro: 'Fakt Soft Pro',
-  tiempos-headline: 'Tiempos Headline',
-  ventura-edding: 'Ventura Edding'
+  circular: 'Circular',
+  tiempos-headline: 'Tiempos Headline'
 );
 $font-families: (
-  display: ('Ventura Edding', Verdana, Tahoma, sans-serif),
+  display: (Impact, Verdana, Tahoma, sans-serif),
   monospace: (Courier, Consolas, Menlo, Monaco, monospace),
-  sans-serif: ('Fakt Soft Pro', Verdana, Tahoma, sans-serif),
+  sans-serif: ('Circular', Verdana, Tahoma, sans-serif),
   serif: ('Tiempos Headline', Georgia, 'Times New Roman', serif)
 );
 $font-indents: (

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

@@ -16,16 +16,16 @@
   @include appearance(none);
   @include transition(all 0.3s ease-in-out);
   background: color(haze);
-  border: 1px solid darker-color(haze);
+  border: 1px solid color(haze);
   border-radius: border-radius(b);
   box-sizing: border-box;
-  color: color(black);
+  color: color(slate);
   cursor: pointer;
   display: inline-block;
   font-size: text-size(b);
-  font-weight: text-weight(semibold);
+  font-weight: text-weight(normal);
   line-height: 1;
-  padding: 13px 20px;
+  padding: 12px 20px 14px;
   text-align: center;
   touch-action: manipulation;
   vertical-align: middle;
@@ -36,14 +36,14 @@
     &.active,
     &:focus {
       background: darkish-color(haze);
-      box-shadow: inset 0 -2px dark-color(haze);
+      border-color: darkish-color(haze);
     }
     &:active,
     &.disabled,
     &[disabled] {
       background: lightish-color(haze);
-      box-shadow: none;
-      color: transparentize(color(black), 0.35);
+      border-color: lightish-color(haze);
+      color: transparentize(color(slate), 0.35);
     }
     &.disabled,
     &[disabled] { cursor: not-allowed; }
@@ -69,7 +69,7 @@
 @each $name, $color in map-keys($colors) {
   .btn-color-#{$name} {
     background: color($name);
-    border-color: darker-color($name);
+    border-color: color($name);
     color: text-color-on($name);
 
     &.btn-link,
@@ -94,7 +94,8 @@
         &:focus,
         &.disabled,
         &[disabled] {
-          border-color: darker-color($name);
+          background: darkish-color($name);
+          border-color: darkish-color($name);
           color: text-color-on($name);
         }
         &.disabled,
@@ -107,13 +108,13 @@
       &.active,
       &:focus {
         background: darkish-color($name);
-        box-shadow: inset 0 -2px dark-color($name);
+        border-color: darkish-color($name);
       }
       &:active,
       &.disabled,
       &[disabled] {
         background: lightish-color($name);
-        box-shadow: none;
+        border-color: lightish-color($name);
         color: transparentize(text-color-on($name), 0.35);
       }
     }
@@ -132,7 +133,7 @@
   }
 }
 .btn-link {
-  border-color: color(transparent);
+  border: 0;
   border-radius: 0;
   padding: 0;
 
@@ -142,10 +143,7 @@
     &.active,
     &:focus,
     &.disabled,
-    &[disabled] {
-      background: inherit;
-      box-shadow: none;
-    }
+    &[disabled] { background: inherit; }
   }
 }
 .btn-block {
@@ -160,8 +158,8 @@
 // ==================================================
 .btn-size-l,
 .btn-size-m { font-size: text-size(m); }
-.btn-size-l { padding: 19px 30px 20px; }
-.btn-size-m { padding: 15px 25px 16px; }
+.btn-size-l { padding: 21px 30px; }
+.btn-size-m { padding: 16px 25px; }
 .btn-size-s {
   font-size: text-size(s);
   padding: 8px 15px 9px;
@@ -182,7 +180,7 @@
   }
   &.btn-size-s {
     min-width: 34px;
-    padding: 9px 0 8px;
+    padding: 8px 0;
   }
   &.btn-link { padding: 0; }
 }
@@ -265,6 +263,17 @@
       &:last-child { border-right-width: 1px; }
     }
   }
+
+  &.dropdown,
+  &.dropup {
+    display: block;
+    table-layout: auto;
+
+    > .btn {
+      display: block;
+      width: 100%;
+    }
+  }
 }
 
 // Data Toggles

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

@@ -3,6 +3,7 @@
 // Reset
 // Pygments
 
+// scss-lint:disable ImportantRule
 // scss-lint:disable MergeableSelector
 
 // Reset
@@ -11,31 +12,29 @@ code,
 kbd,
 pre,
 samp {
-  background: color(light-haze);
-  border: 1px solid color(dark-haze);
+  background: color(slate);
+  border: 1px solid color(dark-slate);
   border-radius: border-radius(b);
-  color: color(black);
+  color: color(dark-haze);
   font-family: text-family(monospace);
   font-size: text-size(s);
   line-height: text-line-height(s);
   white-space: nowrap;
 }
 code,
-kbd { padding: 3px 7px 5px; }
-code {
-  color: color(red);
-
-  &.dark,
-  &.light,
-  &.white { color: color(red); }
+kbd {
+  padding: 4px 8px 6px;
+  vertical-align: text-top;
 }
+code { color: color(orange) !important; }
 kbd {
   border-bottom-width: 3px;
-  box-shadow: inset 0 0 0 2px color(white);
-  padding-bottom: 3px;
+  box-shadow: inset 0 0 0 2px color(light-slate);
+  padding-bottom: 4px;
   text-transform: uppercase;
 
-  &.dark { box-shadow: inset 0 0 0 2px color(light-black); }
+  &.light,
+  &.white { box-shadow: inset 0 0 0 2px color(white); }
 }
 pre,
 samp {
@@ -57,7 +56,7 @@ samp {
   } // Comment
   .err {
     color: color(red);
-    background: color(black);
+    background: color(slate);
   } // Error
   .k { color: color(blue); } // Keyword
   .cm {
@@ -82,10 +81,10 @@ samp {
   } // Generic.Heading
   .gi { color: color(green); } // Generic.Inserted
   .go { color: color(gray); } // Generic.Output
-  .gp { color: color(black); } // Generic.Prompt
+  .gp { color: color(slate); } // Generic.Prompt
   .gs { font-weight: bold; } // Generic.Strong
   .gu {
-    color: color(black);
+    color: color(slate);
     font-weight: bold;
   } // Generic.Subheading
   .gt { color: color(red); } // Generic.Traceback