active_frontend 15.0.16 → 15.0.17
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.DS_Store +0 -0
- data/app/.DS_Store +0 -0
- data/app/assets/.DS_Store +0 -0
- data/app/assets/fonts/.DS_Store +0 -0
- data/app/assets/images/.DS_Store +0 -0
- data/app/assets/images/placeholders/.DS_Store +0 -0
- data/app/assets/images/placeholders/camera-large.png +0 -0
- data/app/assets/images/placeholders/camera-small.png +0 -0
- data/app/assets/images/placeholders/camera.png +0 -0
- data/app/assets/images/placeholders/file-text-large.png +0 -0
- data/app/assets/images/placeholders/file-text-small.png +0 -0
- data/app/assets/images/placeholders/file-text.png +0 -0
- data/app/assets/images/placeholders/home-large.png +0 -0
- data/app/assets/images/placeholders/home-small.png +0 -0
- data/app/assets/images/placeholders/home.png +0 -0
- data/app/assets/images/placeholders/image-large.png +0 -0
- data/app/assets/images/placeholders/image-small.png +0 -0
- data/app/assets/images/placeholders/image.png +0 -0
- data/app/assets/images/placeholders/user-large.png +0 -0
- data/app/assets/images/placeholders/user-small.png +0 -0
- data/app/assets/images/placeholders/user.png +0 -0
- data/lib/active_frontend/version.rb +1 -1
- data/vendor/assets/javascripts/base/_colorpicker.js +3 -3
- data/vendor/assets/javascripts/base/_tag.js +1 -1
- data/vendor/assets/javascripts/extensions/_chart.js +8 -8
- data/vendor/assets/javascripts/extensions/_cohort.js +7 -8
- data/vendor/assets/javascripts/extensions/_funnel.js +6 -6
- data/vendor/assets/stylesheets/_utility.scss +23 -7
- data/vendor/assets/stylesheets/_variable.scss +31 -65
- data/vendor/assets/stylesheets/blocks/_form.scss +2 -7
- data/vendor/assets/stylesheets/blocks/_icon.scss +264 -603
- data/vendor/assets/stylesheets/blocks/_list.scss +1 -0
- data/vendor/assets/stylesheets/components/_cohort.scss +11 -12
- data/vendor/assets/stylesheets/components/_label_and_badge.scss +4 -4
- data/vendor/assets/stylesheets/components/_missive.scss +1 -1
- data/vendor/assets/stylesheets/components/_tag.scss +2 -7
- metadata +3 -23
- data/app/assets/fonts/branding/branding-bold.woff +0 -0
- data/app/assets/fonts/branding/branding-normal.woff +0 -0
- data/app/assets/fonts/branding/branding-semibold.woff +0 -0
- data/app/assets/fonts/branding/branding-semilight.woff +0 -0
- data/app/assets/fonts/dripicons/.DS_Store +0 -0
- data/app/assets/fonts/dripicons/dripicons-weather.woff +0 -0
- data/app/assets/fonts/dripicons/dripicons.woff +0 -0
- data/app/assets/fonts/fakt-pro/fakt-pro-bold.woff +0 -0
- data/app/assets/fonts/fakt-pro/fakt-pro-normal.woff +0 -0
- data/app/assets/fonts/fakt-pro/fakt-pro-semibold.woff +0 -0
- data/app/assets/fonts/fakt-pro/fakt-pro-semilight.woff +0 -0
- data/app/assets/images/placeholders/document-large.png +0 -0
- data/app/assets/images/placeholders/document-small.png +0 -0
- data/app/assets/images/placeholders/document.png +0 -0
- data/app/assets/images/placeholders/photo-large.png +0 -0
- data/app/assets/images/placeholders/photo-small.png +0 -0
- data/app/assets/images/placeholders/photo.png +0 -0
- data/app/assets/images/placeholders/store-large.png +0 -0
- data/app/assets/images/placeholders/store-small.png +0 -0
- data/app/assets/images/placeholders/store.png +0 -0
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 4e0361f9371140a67e2b9a83f553ba45fce0f5bb6d6232e0b9937b0123d7ec44
|
4
|
+
data.tar.gz: 6d5b507b4807397cd8ca163c40a401a7aaa35e88eab2ecf792315a0b5b88d267
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 19b8c199a2341b6ace79e07ec8febd36e2ab45c6db86c91e44b88bfa3cd416645e3ff29a3290918a6591f546a3d8015c65abf96bf6d34596e24b5d5ed53ac0b9
|
7
|
+
data.tar.gz: fbf212d8e0d4fa2f829d8c6eab5157d3014f7ab48fbb509bfc83862064e0b3fcbaf0c59e628a2947486190661a7f13faae3b73d25ba7cef745e61db329f14a0b
|
data/.DS_Store
CHANGED
Binary file
|
data/app/.DS_Store
CHANGED
Binary file
|
data/app/assets/.DS_Store
CHANGED
Binary file
|
data/app/assets/fonts/.DS_Store
CHANGED
Binary file
|
data/app/assets/images/.DS_Store
CHANGED
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
@@ -17,9 +17,9 @@
|
|
17
17
|
Colorpicker.VERSION = '1.0.0';
|
18
18
|
Colorpicker.DEFAULTS = {
|
19
19
|
colors: [
|
20
|
-
'#
|
21
|
-
'#
|
22
|
-
'#
|
20
|
+
'#84CF47', '#56C63E', '#28D79D', '#028DFF', '#8463EF',
|
21
|
+
'#B163DA', '#ED6A7B', '#EC463D', '#FC9223', '#F7D020',
|
22
|
+
'#263646', '#7F92AA', '#EDF0F9', '#FFFFFF'
|
23
23
|
],
|
24
24
|
item: '<li><button type="button"></button></li>',
|
25
25
|
menu: '<ul class="colorpicker dropmenu caret"></ul>',
|
@@ -35,7 +35,7 @@
|
|
35
35
|
},
|
36
36
|
onTagExists: function(item, $tag) {},
|
37
37
|
tagClass: function(item) {
|
38
|
-
return 'label label-color-primary label-color-
|
38
|
+
return 'label label-color-primary label-color-tint label-outline';
|
39
39
|
},
|
40
40
|
addOnBlur: true,
|
41
41
|
allowDuplicates: false,
|
@@ -1331,8 +1331,8 @@ var cssKeywords = {
|
|
1331
1331
|
lightsalmon: [255,160,122],
|
1332
1332
|
lightseagreen: [32,178,170],
|
1333
1333
|
lightskyblue: [135,206,250],
|
1334
|
-
lightslategray: [
|
1335
|
-
lightslategrey: [
|
1334
|
+
lightslategray: [127,146,170],
|
1335
|
+
lightslategrey: [127,146,170],
|
1336
1336
|
lightsteelblue: [176,196,222],
|
1337
1337
|
lightyellow: [255,255,224],
|
1338
1338
|
lime: [0,255,0],
|
@@ -5415,8 +5415,8 @@ module.exports = function () {
|
|
5415
5415
|
animationDuration: 400
|
5416
5416
|
},
|
5417
5417
|
onClick: null,
|
5418
|
-
defaultColor: 'rgba(
|
5419
|
-
defaultFontColor: 'rgba(
|
5418
|
+
defaultColor: 'rgba(38,54,70,0.1)',
|
5419
|
+
defaultFontColor: 'rgba(38,54,70,1)',
|
5420
5420
|
defaultFontFamily: "'Fakt Soft Pro', Verdana, Tahoma, sans-serif",
|
5421
5421
|
defaultFontSize: 16,
|
5422
5422
|
defaultFontStyle: 'normal',
|
@@ -6138,14 +6138,14 @@ module.exports = function (Chart) {
|
|
6138
6138
|
position: 'left',
|
6139
6139
|
gridLines: {
|
6140
6140
|
display: true,
|
6141
|
-
color: 'rgba(
|
6141
|
+
color: 'rgba(228,233,244,1)',
|
6142
6142
|
lineWidth: 1,
|
6143
6143
|
drawBorder: true,
|
6144
6144
|
drawOnChartArea: true,
|
6145
6145
|
drawTicks: true,
|
6146
6146
|
tickMarkLength: 10,
|
6147
6147
|
zeroLineWidth: 1,
|
6148
|
-
zeroLineColor: 'rgba(
|
6148
|
+
zeroLineColor: 'rgba(228,233,244,1)',
|
6149
6149
|
offsetGridLines: false
|
6150
6150
|
},
|
6151
6151
|
scaleLabel: {
|
@@ -7006,7 +7006,7 @@ module.exports = function (Chart) {
|
|
7006
7006
|
enabled: true,
|
7007
7007
|
custom: null,
|
7008
7008
|
mode: 'single',
|
7009
|
-
backgroundColor: 'rgba(
|
7009
|
+
backgroundColor: 'rgba(38,54,70,1)',
|
7010
7010
|
titleFontStyle: '500',
|
7011
7011
|
titleSpacing: 0,
|
7012
7012
|
titleMarginBottom: 3,
|
@@ -8681,7 +8681,7 @@ module.exports = function (Chart) {
|
|
8681
8681
|
position: 'chartArea',
|
8682
8682
|
angleLines: {
|
8683
8683
|
display: true,
|
8684
|
-
color: 'rgba(
|
8684
|
+
color: 'rgba(228,233,244,1)',
|
8685
8685
|
lineWidth: 1
|
8686
8686
|
},
|
8687
8687
|
ticks: {
|
@@ -11,14 +11,13 @@
|
|
11
11
|
'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
|
12
12
|
],
|
13
13
|
repeatLevels: {
|
14
|
-
'
|
15
|
-
'low': [
|
16
|
-
'
|
17
|
-
'medium': [
|
18
|
-
'
|
19
|
-
'high': [
|
20
|
-
'
|
21
|
-
'extra-hot': [70, 100]
|
14
|
+
'lowest': [0, 10],
|
15
|
+
'low': [10, 20],
|
16
|
+
'lowish': [20, 30],
|
17
|
+
'medium': [30, 40],
|
18
|
+
'highish': [40, 60],
|
19
|
+
'high': [60, 70],
|
20
|
+
'highest': [70, 100]
|
22
21
|
},
|
23
22
|
labels: {
|
24
23
|
time: 'Time',
|
@@ -42,10 +42,10 @@
|
|
42
42
|
settings: {
|
43
43
|
displayPercentageChange: false,
|
44
44
|
pPrecision: 1,
|
45
|
-
labelLineColor: '#
|
46
|
-
labelFontColor: '#
|
47
|
-
sectionColor: ['#054B8B', '#075FB0', '#0872D5', '#
|
48
|
-
pSectionColor: '#
|
45
|
+
labelLineColor: '#E4E9F4',
|
46
|
+
labelFontColor: '#263646',
|
47
|
+
sectionColor: ['#054B8B', '#075FB0', '#0872D5', '#028DFF', '#3298F7', '#57ABF9', '#7CDDFA'],
|
48
|
+
pSectionColor: '#F7F8FD',
|
49
49
|
font: 'Verdana',
|
50
50
|
maxFontSize: 12,
|
51
51
|
fontWeight: '600',
|
@@ -127,7 +127,7 @@
|
|
127
127
|
|
128
128
|
this.drawClippingArea(ctx, settings);
|
129
129
|
|
130
|
-
ctx.fillStyle = '#
|
130
|
+
ctx.fillStyle = '#E4E9F4';
|
131
131
|
ctx.fill();
|
132
132
|
ctx.clip();
|
133
133
|
|
@@ -135,7 +135,7 @@
|
|
135
135
|
this.drawClippingArea(ctx, settings, true);
|
136
136
|
|
137
137
|
ctx.lineWidth = 0;
|
138
|
-
ctx.strokeStyle = '#
|
138
|
+
ctx.strokeStyle = '#E4E9F4';
|
139
139
|
ctx.stroke();
|
140
140
|
}
|
141
141
|
},
|
@@ -26,11 +26,6 @@
|
|
26
26
|
|
27
27
|
// Helper Funtions
|
28
28
|
// ==================================================
|
29
|
-
@function map-global-collect($global-collection, $global-name) {
|
30
|
-
$name: map-get($colors-global, $global-name);
|
31
|
-
|
32
|
-
@return map-get($global-collection, $name);
|
33
|
-
}
|
34
29
|
@function text-color-on($color) {
|
35
30
|
@if index($colors-black-text, $color) {
|
36
31
|
@return color(black);
|
@@ -65,8 +60,17 @@
|
|
65
60
|
@function color($color) {
|
66
61
|
@return map-get($colors, '' + $color);
|
67
62
|
}
|
68
|
-
@function
|
69
|
-
@return
|
63
|
+
@function shade($color, $percentage) {
|
64
|
+
@return mix(black, color($color), $percentage);
|
65
|
+
}
|
66
|
+
@function shadeish-color($color) {
|
67
|
+
@return shade($color, 20%);
|
68
|
+
}
|
69
|
+
@function shade-color($color) {
|
70
|
+
@return shade($color, 40%);
|
71
|
+
}
|
72
|
+
@function shadiest-color($color) {
|
73
|
+
@return shade($color, 60%);
|
70
74
|
}
|
71
75
|
@function lightish-color($color) {
|
72
76
|
@return lighten(color($color), 2.5%);
|
@@ -101,6 +105,18 @@
|
|
101
105
|
@function text-weight($weight) {
|
102
106
|
@return map-get($font-weights, $weight);
|
103
107
|
}
|
108
|
+
@function tint($color, $percentage) {
|
109
|
+
@return mix(white, color($color), $percentage);
|
110
|
+
}
|
111
|
+
@function tintish-color($color) {
|
112
|
+
@return tint($color, 20%);
|
113
|
+
}
|
114
|
+
@function tint-color($color) {
|
115
|
+
@return tint($color, 40%);
|
116
|
+
}
|
117
|
+
@function tintiest-color($color) {
|
118
|
+
@return tint($color, 60%);
|
119
|
+
}
|
104
120
|
|
105
121
|
// Vendor Mixins
|
106
122
|
// ==================================================
|
@@ -33,67 +33,40 @@ $animation-durations: (
|
|
33
33
|
|
34
34
|
// Color
|
35
35
|
// ==================================================
|
36
|
-
$colors-
|
37
|
-
'
|
38
|
-
'
|
39
|
-
'
|
40
|
-
'
|
36
|
+
$colors-grayscale: (
|
37
|
+
'light-black': rgba(48,67,85,1),
|
38
|
+
'black': rgba(38,54,70,1),
|
39
|
+
'dark-black': rgba(31,44,60,1),
|
40
|
+
'light-gray': rgba(143,162,185,1),
|
41
|
+
'gray': rgba(127,146,170,1),
|
42
|
+
'dark-gray': rgba(110,129,153,1),
|
43
|
+
'light-haze': rgba(247,248,253,1),
|
44
|
+
'haze': rgba(237,240,249,1),
|
45
|
+
'dark-haze': rgba(228,233,244,1),
|
46
|
+
'white': rgba(255,255,255,1),
|
47
|
+
'transparent': rgba(0,0,0,0)
|
41
48
|
);
|
42
49
|
$colors-brand: (
|
43
|
-
'lime': rgba(
|
44
|
-
'green': rgba(
|
45
|
-
'teal': rgba(
|
46
|
-
'sky': rgba(
|
47
|
-
'blue': rgba(
|
48
|
-
'indigo': rgba(
|
49
|
-
'purple': rgba(
|
50
|
+
'lime': rgba(132,207,71,1),
|
51
|
+
'green': rgba(86,198,62,1),
|
52
|
+
'teal': rgba(40,215,157,1),
|
53
|
+
'sky': rgba(18,174,255,1),
|
54
|
+
'blue': rgba(2,141,255,1),
|
55
|
+
'indigo': rgba(132,99,239,1),
|
56
|
+
'purple': rgba(177,99,218,1),
|
50
57
|
'pink': rgba(237,106,123,1),
|
51
|
-
'red': rgba(
|
52
|
-
'brown': rgba(
|
53
|
-
'orange': rgba(252,
|
54
|
-
'yellow': rgba(247,208,
|
55
|
-
);
|
56
|
-
$colors-brand-global: (
|
57
|
-
'primary': map-global-collect($colors-brand, 'primary'),
|
58
|
-
'secondary': map-global-collect($colors-brand, 'secondary'),
|
59
|
-
'tertiary': map-global-collect($colors-brand, 'tertiary'),
|
60
|
-
'quaditiary': map-global-collect($colors-brand, 'quaditiary')
|
61
|
-
);
|
62
|
-
$colors-brand-inverted: (
|
63
|
-
'lime': rgba(232,246,223,1),
|
64
|
-
'green': rgba(221,243,226,1),
|
65
|
-
'teal': rgba(229,246,242,1),
|
66
|
-
'sky': rgba(230,244,250,1),
|
67
|
-
'blue': rgba(225,237,253,1),
|
68
|
-
'indigo': rgba(232,224,252,1),
|
69
|
-
'purple': rgba(240,228,246,1),
|
70
|
-
'pink': rgba(248,225,228,1),
|
71
|
-
'brown': rgba(239,222,216,1),
|
72
|
-
'red': rgba(250,217,214,1),
|
73
|
-
'orange': rgba(254,232,200,1),
|
74
|
-
'yellow': rgba(254,241,200,1)
|
58
|
+
'red': rgba(236,70,61,1),
|
59
|
+
'brown': rgba(160,116,88,1),
|
60
|
+
'orange': rgba(252,146,35,1),
|
61
|
+
'yellow': rgba(247,208,32,1)
|
75
62
|
);
|
76
|
-
$colors-
|
77
|
-
'primary': map-
|
78
|
-
'secondary': map-
|
79
|
-
'tertiary': map-
|
80
|
-
'quaditiary': map-
|
81
|
-
);
|
82
|
-
$colors-grayscale: (
|
83
|
-
'light-black': rgba(58,67,84,1),
|
84
|
-
'black': rgba(44,53,70,1),
|
85
|
-
'dark-black': rgba(30,39,55,1),
|
86
|
-
'light-gray': rgba(152,166,184,1),
|
87
|
-
'gray': rgba(138,152,170,1),
|
88
|
-
'dark-gray': rgba(124,138,156,1),
|
89
|
-
'light-haze': rgba(248,249,253,1),
|
90
|
-
'haze': rgba(238,241,250,1),
|
91
|
-
'dark-haze': rgba(229,234,244,1),
|
92
|
-
'white': rgba(255,255,255,1),
|
93
|
-
'transparent': rgba(0,0,0,0)
|
63
|
+
$colors-global: (
|
64
|
+
'primary': map-get($colors-brand, 'blue'),
|
65
|
+
'secondary': map-get($colors-brand, 'green'),
|
66
|
+
'tertiary': map-get($colors-brand, 'red'),
|
67
|
+
'quaditiary': map-get($colors-brand, 'yellow')
|
94
68
|
);
|
95
|
-
$colors: map-collect($colors-
|
96
|
-
$colors-inversions: map-collect($colors-brand-inverted, $colors-brand-inverted-global);
|
69
|
+
$colors: map-collect($colors-grayscale, $colors-brand, $colors-global);
|
97
70
|
$colors-black-text: 'transparent', 'dark-haze', 'haze', 'light-haze', 'white';
|
98
71
|
|
99
72
|
// Common
|
@@ -109,8 +82,8 @@ $common-border-radiuses: (
|
|
109
82
|
xl: 999px,
|
110
83
|
l: 10px,
|
111
84
|
m: 6px,
|
112
|
-
b:
|
113
|
-
s:
|
85
|
+
b: 2px,
|
86
|
+
s: 1px,
|
114
87
|
n: 0
|
115
88
|
);
|
116
89
|
$common-box-shadows: (
|
@@ -138,23 +111,16 @@ $common-visibility-types: collapse, hidden, visible;
|
|
138
111
|
// Font
|
139
112
|
// ==================================================
|
140
113
|
$font-available-typography: (
|
141
|
-
branding: 'Branding',
|
142
|
-
fakt-pro: 'Fakt Pro',
|
143
114
|
fakt-soft-pro: 'Fakt Soft Pro',
|
144
115
|
tiempos-headline: 'Tiempos Headline',
|
145
116
|
ventura-edding: 'Ventura Edding'
|
146
117
|
);
|
147
|
-
$font-available-icons: (
|
148
|
-
active-icons: 'Active Icons',
|
149
|
-
dripicons: 'Dripicons'
|
150
|
-
);
|
151
118
|
$font-families: (
|
152
119
|
display: ('Ventura Edding', Verdana, Tahoma, sans-serif),
|
153
120
|
monospace: (Courier, Consolas, Menlo, Monaco, monospace),
|
154
121
|
sans-serif: ('Fakt Soft Pro', Verdana, Tahoma, sans-serif),
|
155
122
|
serif: ('Tiempos Headline', Georgia, 'Times New Roman', serif)
|
156
123
|
);
|
157
|
-
$font-icon: 'Active Icons';
|
158
124
|
$font-indents: (
|
159
125
|
xxxl: 25px,
|
160
126
|
xxl: 20px,
|
@@ -305,13 +305,8 @@ textarea {
|
|
305
305
|
width: 100%;
|
306
306
|
|
307
307
|
&::after {
|
308
|
-
|
309
|
-
|
310
|
-
}
|
311
|
-
@if $font-icon == 'Dripicons' {
|
312
|
-
content: '\39';
|
313
|
-
}
|
314
|
-
font-family: $font-icon;
|
308
|
+
content: '\e929';
|
309
|
+
font-family: 'Active Icons';
|
315
310
|
font-size: text-size(m);
|
316
311
|
font-style: normal;
|
317
312
|
font-variant: normal;
|