active_frontend 15.0.16 → 15.0.17

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b0a8edc9d70f73e2a08e1cb75dfad8c0e92b8163501d597e120f5cfd4768421c
-  data.tar.gz: ac49a6b12a9881f13c3e6e728b2809fff4de53e95c235602e536686366cdfe5a
+  metadata.gz: 4e0361f9371140a67e2b9a83f553ba45fce0f5bb6d6232e0b9937b0123d7ec44
+  data.tar.gz: 6d5b507b4807397cd8ca163c40a401a7aaa35e88eab2ecf792315a0b5b88d267
 SHA512:
-  metadata.gz: 7c5ac1b4d0e3df207a059aefc02c508d3ec37ef37c63a6218e8a585f5224d88a69498c5b3a78fab1c28c65ac6afe92d89e845e15ec475db750c4607ed2605ff7
-  data.tar.gz: 14bfad3a17edb973a3ce9f2bba52444b7059a7f9aff452dcf5ab4138bd08e3ffbc86293c64f88b74eb580cd94070a809173856ea4ec0364aa81826b4b2142fe2
+  metadata.gz: 19b8c199a2341b6ace79e07ec8febd36e2ab45c6db86c91e44b88bfa3cd416645e3ff29a3290918a6591f546a3d8015c65abf96bf6d34596e24b5d5ed53ac0b9
+  data.tar.gz: fbf212d8e0d4fa2f829d8c6eab5157d3014f7ab48fbb509bfc83862064e0b3fcbaf0c59e628a2947486190661a7f13faae3b73d25ba7cef745e61db329f14a0b

data/lib/active_frontend/version.rb

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

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

@@ -17,9 +17,9 @@
   Colorpicker.VERSION = '1.0.0';
   Colorpicker.DEFAULTS = {
     colors: [
-      '#97D45B', '#34D059', '#42DFB4', '#328BFF', '#8D63EF',
-      '#B368DB', '#ED6A7B', '#F04A41', '#FCA32D', '#F7D02F',
-      '#2C3546', '#8A98AA', '#EEF1FA', '#FFFFFF'
+      '#84CF47', '#56C63E', '#28D79D', '#028DFF', '#8463EF',
+      '#B163DA', '#ED6A7B', '#EC463D', '#FC9223', '#F7D020',
+      '#263646', '#7F92AA', '#EDF0F9', '#FFFFFF'
     ],
     item: '<li><button type="button"></button></li>',
     menu: '<ul class="colorpicker dropmenu caret"></ul>',

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

@@ -35,7 +35,7 @@
     },
     onTagExists: function(item, $tag) {},
     tagClass: function(item) {
-      return 'label label-color-primary label-color-inverted label-outline';
+      return 'label label-color-primary label-color-tint label-outline';
     },
     addOnBlur: true,
     allowDuplicates: false,

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: [138,152,170],
-  lightslategrey: [138,152,170],
+  lightslategray: [127,146,170],
+  lightslategrey: [127,146,170],
   lightsteelblue: [176,196,222],
   lightyellow:  [255,255,224],
   lime: [0,255,0],
@@ -5415,8 +5415,8 @@ module.exports = function () {
         animationDuration: 400
       },
       onClick: null,
-      defaultColor: 'rgba(44,53,70,0.1)',
-      defaultFontColor: 'rgba(44,53,70,1)',
+      defaultColor: 'rgba(38,54,70,0.1)',
+      defaultFontColor: 'rgba(38,54,70,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(229,234,244,1)',
+      color: 'rgba(228,233,244,1)',
       lineWidth: 1,
       drawBorder: true,
       drawOnChartArea: true,
       drawTicks: true,
       tickMarkLength: 10,
       zeroLineWidth: 1,
-      zeroLineColor: 'rgba(229,234,244,1)',
+      zeroLineColor: 'rgba(228,233,244,1)',
       offsetGridLines: false
     },
     scaleLabel: {
@@ -7006,7 +7006,7 @@ module.exports = function (Chart) {
     enabled: true,
     custom: null,
     mode: 'single',
-    backgroundColor: 'rgba(44,53,70,1)',
+    backgroundColor: 'rgba(38,54,70,1)',
     titleFontStyle: '500',
     titleSpacing: 0,
     titleMarginBottom: 3,
@@ -8681,7 +8681,7 @@ module.exports = function (Chart) {
     position: 'chartArea',
     angleLines: {
       display: true,
-      color: 'rgba(229,234,244,1)',
+      color: 'rgba(228,233,244,1)',
       lineWidth: 1
     },
     ticks: {

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

@@ -11,14 +11,13 @@
       'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
     ],
     repeatLevels: {
-      'extra-low': [0, 1],
-      'low': [1, 10],
-      'medium-low': [10, 20],
-      'medium': [20, 30],
-      'medium-high': [30, 40],
-      'high': [40, 60],
-      'hot': [60, 70],
-      'extra-hot': [70, 100]
+      'lowest': [0, 10],
+      'low': [10, 20],
+      'lowish': [20, 30],
+      'medium': [30, 40],
+      'highish': [40, 60],
+      'high': [60, 70],
+      'highest': [70, 100]
     },
     labels: {
       time: 'Time',

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

@@ -42,10 +42,10 @@
     settings: {
       displayPercentageChange: false,
       pPrecision: 1,
-      labelLineColor: '#E5EAF4',
-      labelFontColor: '#2C3546',
-      sectionColor: ['#054B8B', '#075FB0', '#0872D5', '#328BFF', '#3298F7', '#57ABF9', '#7CDDFA'],
-      pSectionColor: '#F8F9FD',
+      labelLineColor: '#E4E9F4',
+      labelFontColor: '#263646',
+      sectionColor: ['#054B8B', '#075FB0', '#0872D5', '#028DFF', '#3298F7', '#57ABF9', '#7CDDFA'],
+      pSectionColor: '#F7F8FD',
       font: 'Verdana',
       maxFontSize: 12,
       fontWeight: '600',
@@ -127,7 +127,7 @@
 
         this.drawClippingArea(ctx, settings);
 
-        ctx.fillStyle = '#E5EAF4';
+        ctx.fillStyle = '#E4E9F4';
         ctx.fill();
         ctx.clip();
 
@@ -135,7 +135,7 @@
         this.drawClippingArea(ctx, settings, true);
 
         ctx.lineWidth = 0;
-        ctx.strokeStyle = '#E5EAF4';
+        ctx.strokeStyle = '#E4E9F4';
         ctx.stroke();
       }
     },

data/vendor/assets/stylesheets/_utility.scss

@@ -26,11 +26,6 @@
 
 // Helper Funtions
 // ==================================================
-@function map-global-collect($global-collection, $global-name) {
-  $name: map-get($colors-global, $global-name);
-
-  @return map-get($global-collection, $name);
-}
 @function text-color-on($color) {
   @if index($colors-black-text, $color) {
     @return color(black);
@@ -65,8 +60,17 @@
 @function color($color) {
   @return map-get($colors, '' + $color);
 }
-@function color-inverted($color) {
-  @return map-get($colors-inversions, '' + $color);
+@function shade($color, $percentage) {
+  @return mix(black, color($color), $percentage);
+}
+@function shadeish-color($color) {
+  @return shade($color, 20%);
+}
+@function shade-color($color) {
+  @return shade($color, 40%);
+}
+@function shadiest-color($color) {
+  @return shade($color, 60%);
 }
 @function lightish-color($color) {
   @return lighten(color($color), 2.5%);
@@ -101,6 +105,18 @@
 @function text-weight($weight) {
   @return map-get($font-weights, $weight);
 }
+@function tint($color, $percentage) {
+  @return mix(white, color($color), $percentage);
+}
+@function tintish-color($color) {
+  @return tint($color, 20%);
+}
+@function tint-color($color) {
+  @return tint($color, 40%);
+}
+@function tintiest-color($color) {
+  @return tint($color, 60%);
+}
 
 // Vendor Mixins
 // ==================================================

data/vendor/assets/stylesheets/_variable.scss

@@ -33,67 +33,40 @@ $animation-durations: (
 
 // Color
 // ==================================================
-$colors-global: (
-  'primary': 'blue',
-  'secondary': 'green',
-  'tertiary': 'red',
-  'quaditiary': 'yellow'
+$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-haze': rgba(247,248,253,1),
+  'haze': rgba(237,240,249,1),
+  'dark-haze': rgba(228,233,244,1),
+  'white': rgba(255,255,255,1),
+  'transparent': rgba(0,0,0,0)
 );
 $colors-brand: (
-  'lime': rgba(151,212,91,1),
-  'green': rgba(52,208,89,1),
-  'teal': rgba(66,223,180,1),
-  'sky': rgba(0,179,255,1),
-  'blue': rgba(50,139,255,1),
-  'indigo': rgba(141,99,239,1),
-  'purple': rgba(179,104,219,1),
+  '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(240,74,65,1),
-  'brown': rgba(198,115,89,1),
-  'orange': rgba(252,163,45,1),
-  'yellow': rgba(247,208,47,1)
-);
-$colors-brand-global: (
-  'primary': map-global-collect($colors-brand, 'primary'),
-  'secondary': map-global-collect($colors-brand, 'secondary'),
-  'tertiary': map-global-collect($colors-brand, 'tertiary'),
-  'quaditiary': map-global-collect($colors-brand, 'quaditiary')
-);
-$colors-brand-inverted: (
-  'lime': rgba(232,246,223,1),
-  'green': rgba(221,243,226,1),
-  'teal': rgba(229,246,242,1),
-  'sky': rgba(230,244,250,1),
-  'blue': rgba(225,237,253,1),
-  'indigo': rgba(232,224,252,1),
-  'purple': rgba(240,228,246,1),
-  'pink': rgba(248,225,228,1),
-  'brown': rgba(239,222,216,1),
-  'red': rgba(250,217,214,1),
-  'orange': rgba(254,232,200,1),
-  'yellow': rgba(254,241,200,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)
 );
-$colors-brand-inverted-global: (
-  'primary': map-global-collect($colors-brand-inverted, 'primary'),
-  'secondary': map-global-collect($colors-brand-inverted, 'secondary'),
-  'tertiary': map-global-collect($colors-brand-inverted, 'tertiary'),
-  'quaditiary': map-global-collect($colors-brand-inverted, 'quaditiary')
-);
-$colors-grayscale: (
-  'light-black': rgba(58,67,84,1),
-  'black': rgba(44,53,70,1),
-  'dark-black': rgba(30,39,55,1),
-  'light-gray': rgba(152,166,184,1),
-  'gray': rgba(138,152,170,1),
-  'dark-gray': rgba(124,138,156,1),
-  'light-haze': rgba(248,249,253,1),
-  'haze': rgba(238,241,250,1),
-  'dark-haze': rgba(229,234,244,1),
-  'white': rgba(255,255,255,1),
-  'transparent': rgba(0,0,0,0)
+$colors-global: (
+  'primary': map-get($colors-brand, 'blue'),
+  'secondary': map-get($colors-brand, 'green'),
+  'tertiary': map-get($colors-brand, 'red'),
+  'quaditiary': map-get($colors-brand, 'yellow')
 );
-$colors: map-collect($colors-brand, $colors-brand-global, $colors-grayscale);
-$colors-inversions: map-collect($colors-brand-inverted, $colors-brand-inverted-global);
+$colors: map-collect($colors-grayscale, $colors-brand, $colors-global);
 $colors-black-text: 'transparent', 'dark-haze', 'haze', 'light-haze', 'white';
 
 // Common
@@ -109,8 +82,8 @@ $common-border-radiuses: (
   xl: 999px,
   l: 10px,
   m: 6px,
-  b: 3px,
-  s: 2px,
+  b: 2px,
+  s: 1px,
   n: 0
 );
 $common-box-shadows: (
@@ -138,23 +111,16 @@ $common-visibility-types: collapse, hidden, visible;
 // Font
 // ==================================================
 $font-available-typography: (
-  branding: 'Branding',
-  fakt-pro: 'Fakt Pro',
   fakt-soft-pro: 'Fakt Soft Pro',
   tiempos-headline: 'Tiempos Headline',
   ventura-edding: 'Ventura Edding'
 );
-$font-available-icons: (
-  active-icons: 'Active Icons',
-  dripicons: 'Dripicons'
-);
 $font-families: (
   display: ('Ventura Edding', Verdana, Tahoma, sans-serif),
   monospace: (Courier, Consolas, Menlo, Monaco, monospace),
   sans-serif: ('Fakt Soft Pro', Verdana, Tahoma, sans-serif),
   serif: ('Tiempos Headline', Georgia, 'Times New Roman', serif)
 );
-$font-icon: 'Active Icons';
 $font-indents: (
   xxxl: 25px,
   xxl: 20px,

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

@@ -305,13 +305,8 @@ textarea {
   width: 100%;
 
   &::after {
-    @if $font-icon == 'Active Icons' {
-      content: '\e929';
-    }
-    @if $font-icon == 'Dripicons' {
-      content: '\39';
-    }
-    font-family: $font-icon;
+    content: '\e929';
+    font-family: 'Active Icons';
     font-size: text-size(m);
     font-style: normal;
     font-variant: normal;