active_frontend 16.4.1 → 17.0.0

data/app/assets/images/icons/white/user-minus.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ffffff"><path d="M16 22c-.6 0-1-.4-1-1v-2c0-1.7-1.3-3-3-3H5c-1.7 0-3 1.3-3 3v2c0 .6-.4 1-1 1s-1-.4-1-1v-2c0-2.8 2.2-5 5-5h7c2.8 0 5 2.2 5 5v2c0 .6-.4 1-1 1zM8.5 12c-2.8 0-5-2.2-5-5s2.2-5 5-5 5 2.2 5 5-2.2 5-5 5zm0-8c-1.7 0-3 1.3-3 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3zM23 12h-6c-.6 0-1-.4-1-1s.4-1 1-1h6c.6 0 1 .4 1 1s-.4 1-1 1z"/></svg>

data/app/assets/images/icons/white/user-plus.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ffffff"><path d="M16 22c-.6 0-1-.4-1-1v-2c0-1.7-1.3-3-3-3H5c-1.7 0-3 1.3-3 3v2c0 .6-.4 1-1 1s-1-.4-1-1v-2c0-2.8 2.2-5 5-5h7c2.8 0 5 2.2 5 5v2c0 .6-.4 1-1 1zM8.5 12c-2.8 0-5-2.2-5-5s2.2-5 5-5 5 2.2 5 5-2.2 5-5 5zm0-8c-1.7 0-3 1.3-3 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3zM20 15c-.6 0-1-.4-1-1V8c0-.6.4-1 1-1s1 .4 1 1v6c0 .6-.4 1-1 1z"/><path d="M23 12h-6c-.6 0-1-.4-1-1s.4-1 1-1h6c.6 0 1 .4 1 1s-.4 1-1 1z"/></svg>

data/app/assets/images/icons/white/user-x.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ffffff"><path d="M16 22c-.6 0-1-.4-1-1v-2c0-1.7-1.3-3-3-3H5c-1.7 0-3 1.3-3 3v2c0 .6-.4 1-1 1s-1-.4-1-1v-2c0-2.8 2.2-5 5-5h7c2.8 0 5 2.2 5 5v2c0 .6-.4 1-1 1zM8.5 12c-2.8 0-5-2.2-5-5s2.2-5 5-5 5 2.2 5 5-2.2 5-5 5zm0-8c-1.7 0-3 1.3-3 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3zM23 14c-.3 0-.5-.1-.7-.3l-5-5c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l5 5c.4.4.4 1 0 1.4-.2.2-.4.3-.7.3z"/><path d="M18 14c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l5-5c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-5 5c-.2.2-.4.3-.7.3z"/></svg>

data/app/assets/images/icons/white/user.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ffffff"><path d="M20 22c-.6 0-1-.4-1-1v-2c0-1.7-1.3-3-3-3H8c-1.7 0-3 1.3-3 3v2c0 .6-.4 1-1 1s-1-.4-1-1v-2c0-2.8 2.2-5 5-5h8c2.8 0 5 2.2 5 5v2c0 .6-.4 1-1 1zM12 12c-2.8 0-5-2.2-5-5s2.2-5 5-5 5 2.2 5 5-2.2 5-5 5zm0-8c-1.7 0-3 1.3-3 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z"/></svg>

data/app/assets/images/icons/white/users.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ffffff"><path d="M17 22c-.6 0-1-.4-1-1v-2c0-1.7-1.3-3-3-3H5c-1.7 0-3 1.3-3 3v2c0 .6-.4 1-1 1s-1-.4-1-1v-2c0-2.8 2.2-5 5-5h8c2.8 0 5 2.2 5 5v2c0 .6-.4 1-1 1zM9 12c-2.8 0-5-2.2-5-5s2.2-5 5-5 5 2.2 5 5-2.2 5-5 5zm0-8C7.3 4 6 5.3 6 7s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3zM23 22c-.6 0-1-.4-1-1v-2c0-1.4-.9-2.6-2.2-2.9-.5-.1-.9-.7-.7-1.2.1-.5.7-.9 1.2-.7 2.2.6 3.7 2.6 3.8 4.8v2c-.1.6-.5 1-1.1 1zM16 11.9c-.4 0-.9-.3-1-.8-.1-.5.2-1.1.7-1.2 1.1-.3 1.9-1.1 2.2-2.2.4-1.6-.6-3.2-2.2-3.7-.5 0-.8-.6-.7-1.1.1-.5.7-.9 1.2-.7 2.7.7 4.3 3.4 3.6 6.1-.5 1.8-1.8 3.2-3.6 3.6H16z"/></svg>

data/app/assets/images/icons/white/video-off.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ffffff"><path d="M14 20H3c-1.7 0-3-1.3-3-3V7c0-1.7 1.3-3 3-3h2c.6 0 1 .4 1 1s-.4 1-1 1H3c-.6 0-1 .4-1 1v10c0 .6.4 1 1 1h11c.6 0 1-.4 1-1v-1c0-.6.4-1 1-1s1 .4 1 1v1c0 1.7-1.3 3-3 3zm9-2c-.6 0-1-.4-1-1V9l-4.4 3.2c-.4.3-.9.2-1.3-.1l-1-1c-.2-.2-.3-.4-.3-.7V7c0-.6-.4-1-1-1h-3.3c-.6 0-1-.4-1-1s.4-1 1-1H14c1.7 0 3 1.3 3 3v2.9l.1.1 5.3-3.8c.3-.2.7-.3 1-.1.4.2.6.5.6.9v10c0 .6-.4 1-1 1z"/><path d="M23 24c-.3 0-.5-.1-.7-.3l-22-22C-.1 1.3-.1.7.3.3s1-.4 1.4 0l22 22c.4.4.4 1 0 1.4-.2.2-.4.3-.7.3z"/></svg>

data/app/assets/images/icons/white/video.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ffffff"><path d="M23 18c-.2 0-.4-.1-.6-.2l-7-5c-.2-.2-.4-.5-.4-.8s.2-.6.4-.8l7-5c.3-.2.7-.2 1-.1.4.2.6.5.6.9v10c0 .4-.2.7-.5.9-.2.1-.3.1-.5.1zm-5.3-6l4.3 3.1V8.9L17.7 12z"/><path d="M14 20H3c-1.7 0-3-1.3-3-3V7c0-1.7 1.3-3 3-3h11c1.7 0 3 1.3 3 3v10c0 1.7-1.3 3-3 3zM3 6c-.6 0-1 .4-1 1v10c0 .6.4 1 1 1h11c.6 0 1-.4 1-1V7c0-.6-.4-1-1-1H3z"/></svg>

data/app/assets/images/icons/white/voicemail.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ffffff"><path d="M5.5 17c-3 0-5.5-2.5-5.5-5.5S2.5 6 5.5 6 11 8.5 11 11.5 8.5 17 5.5 17zm0-9C3.6 8 2 9.6 2 11.5S3.6 15 5.5 15 9 13.4 9 11.5 7.4 8 5.5 8zM18.5 17c-3 0-5.5-2.5-5.5-5.5S15.5 6 18.5 6 24 8.5 24 11.5 21.5 17 18.5 17zm0-9C16.6 8 15 9.6 15 11.5s1.6 3.5 3.5 3.5 3.5-1.6 3.5-3.5S20.4 8 18.5 8z"/><path d="M18.5 17h-13c-.6 0-1-.4-1-1s.4-1 1-1h13c.6 0 1 .4 1 1s-.4 1-1 1z"/></svg>

data/app/assets/images/icons/white/volume-1.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ffffff"><path d="M11 20c-.2 0-.4-.1-.6-.2L5.6 16H2c-.6 0-1-.4-1-1V9c0-.6.4-1 1-1h3.6l4.7-3.8c.3-.2.7-.3 1.1-.1.4.2.6.5.6.9v14c0 .4-.2.7-.6.9-.1.1-.3.1-.4.1zm-8-6h3c.2 0 .4.1.6.2l3.4 2.7V7.1L6.6 9.8c-.2.1-.4.2-.6.2H3v4zM15.5 16.5c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4 1.6-1.6 1.6-4.1 0-5.7-.4-.4-.4-1 0-1.4.4-.4 1-.4 1.4 0 2.3 2.3 2.3 6.1 0 8.5-.1.2-.4.3-.7.3z"/></svg>

data/app/assets/images/icons/white/volume-2.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ffffff"><path d="M11 20c-.2 0-.4-.1-.6-.2L5.6 16H2c-.6 0-1-.4-1-1V9c0-.6.4-1 1-1h3.6l4.7-3.8c.3-.2.7-.3 1.1-.1.4.2.6.5.6.9v14c0 .4-.2.7-.6.9-.1.1-.3.1-.4.1zm-8-6h3c.2 0 .4.1.6.2l3.4 2.7V7.1L6.6 9.8c-.2.1-.4.2-.6.2H3v4zM19.1 20.1c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4 3.5-3.5 3.5-9.2 0-12.7-.4-.4-.4-1 0-1.4.4-.4 1-.4 1.4 0 4.3 4.3 4.3 11.3 0 15.6-.2.1-.5.2-.7.2zm-3.6-3.6c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4 1.6-1.6 1.6-4.1 0-5.7-.4-.4-.4-1 0-1.4.4-.4 1-.4 1.4 0 2.3 2.3 2.3 6.1 0 8.5-.1.2-.4.3-.7.3z"/></svg>

data/app/assets/images/icons/white/volume-x.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ffffff"><path d="M11 20c-.2 0-.4-.1-.6-.2L5.6 16H2c-.6 0-1-.4-1-1V9c0-.6.4-1 1-1h3.6l4.7-3.8c.3-.2.7-.3 1.1-.1.4.2.6.5.6.9v14c0 .4-.2.7-.6.9-.1.1-.3.1-.4.1zm-8-6h3c.2 0 .4.1.6.2l3.4 2.7V7.1L6.6 9.8c-.2.1-.4.2-.6.2H3v4zM17 16c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l6-6c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-6 6c-.2.2-.4.3-.7.3z"/><path d="M23 16c-.3 0-.5-.1-.7-.3l-6-6c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l6 6c.4.4.4 1 0 1.4-.2.2-.4.3-.7.3z"/></svg>

data/app/assets/images/icons/white/volume.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ffffff"><path d="M11 20c-.2 0-.4-.1-.6-.2L5.6 16H2c-.6 0-1-.4-1-1V9c0-.6.4-1 1-1h3.6l4.7-3.8c.3-.2.7-.3 1.1-.1.4.2.6.5.6.9v14c0 .4-.2.7-.6.9-.1.1-.3.1-.4.1zm-8-6h3c.2 0 .4.1.6.2l3.4 2.7V7.1L6.6 9.8c-.2.1-.4.2-.6.2H3v4z"/></svg>

data/app/assets/images/icons/white/watch.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ffffff"><path d="M12 20c-4.4 0-8-3.6-8-8s3.6-8 8-8 8 3.6 8 8-3.6 8-8 8zm0-14c-3.3 0-6 2.7-6 6s2.7 6 6 6 6-2.7 6-6-2.7-6-6-6z"/><path d="M13.5 14.5c-.3 0-.5-.1-.7-.3l-1.5-1.5c-.2-.2-.3-.4-.3-.7V9c0-.6.4-1 1-1s1 .4 1 1v2.6l1.2 1.2c.4.4.4 1 0 1.4-.2.2-.4.3-.7.3zM9.8 24c-1.6 0-2.8-1.2-3-2.7l-.3-3.8c-.1-.5.4-1 .9-1.1.6 0 1 .4 1.1.9l.3 3.8c0 .5.5.9 1 .9h4.3c.5 0 1-.4 1-.9l.3-3.8c.1-.5.5-1 1.1-.9.5.1 1 .5.9 1.1l-.3 3.8c-.1 1.6-1.4 2.7-3 2.7H9.8zm6.7-16.4c-.5 0-.9-.4-1-.9l-.4-3.8c0-.5-.5-.9-1-.9H9.8c-.5 0-.9.4-1 .9l-.3 3.8c-.1.6-.5 1-1.1.9-.6-.1-1-.5-.9-1.1l.3-3.8C7 1.2 8.3 0 9.8 0h4.4c1.6 0 2.8 1.2 3 2.7l.4 3.8c0 .6-.4 1.1-1.1 1.1.1 0 .1 0 0 0z"/></svg>

data/app/assets/images/icons/white/wifi-off.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ffffff"><path d="M23 24c-.3 0-.5-.1-.7-.3l-22-22C-.1 1.3-.1.7.3.3s1-.4 1.4 0l22 22c.4.4.4 1 0 1.4-.2.2-.4.3-.7.3zM19 13.5c-.2 0-.5-.1-.6-.2-.6-.5-1.3-1-2.1-1.4-.5-.2-.7-.8-.5-1.3s.8-.7 1.3-.5c.9.4 1.7 1 2.5 1.6.4.4.5 1 .1 1.4-.1.3-.4.4-.7.4z"/><path d="M5 13.5c-.3 0-.6-.1-.8-.4-.4-.4-.3-1.1.1-1.4C6 10.4 7.9 9.5 10 9.2c.6-.1 1.1.3 1.2.8.1.5-.3 1.1-.8 1.2-1.7.3-3.4 1-4.7 2.2-.2.1-.5.1-.7.1zM22.6 10c-.2 0-.5-.1-.7-.2-3-2.7-7.1-4-11.1-3.7-.5 0-1-.4-1.1-.9 0-.6.4-1 .9-1.1 4.6-.4 9.2 1.2 12.6 4.2.4.4.5 1 .1 1.4-.2.2-.4.3-.7.3zM1.4 10c-.3 0-.6-.1-.8-.3-.4-.4-.3-1 .1-1.4C2.2 7 3.9 6 5.7 5.2c.6-.2 1.1 0 1.4.6.2.5 0 1.1-.6 1.3-1.6.6-3.1 1.5-4.4 2.6-.2.2-.4.3-.7.3zM15.5 17.1c-.2 0-.4-.1-.6-.2-1.7-1.2-4.1-1.2-5.8 0-.5.3-1.1.2-1.4-.2-.3-.5-.2-1.1.2-1.4 2.4-1.7 5.7-1.7 8.1 0 .5.3.6.9.2 1.4-.1.3-.4.4-.7.4zM12 21c-.3 0-.5-.1-.7-.3-.1-.1-.2-.2-.2-.3 0-.1-.1-.2-.1-.4 0-.3.1-.5.3-.7.2-.2.6-.3.9-.3.1 0 .1 0 .2.1.1 0 .1 0 .2.1l.1.1c.2.2.3.5.3.7 0 .1 0 .3-.1.4-.1.1-.1.2-.2.3-.2.2-.4.3-.7.3z"/></svg>

data/app/assets/images/icons/white/wifi.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ffffff"><path d="M5 13.5c-.3 0-.6-.1-.8-.4-.4-.4-.3-1.1.1-1.4C8.8 8 15.2 8 19.7 11.7c.4.4.5 1 .1 1.4-.4.4-1 .5-1.4.1-3.7-3.1-9.1-3.1-12.8 0-.1.3-.4.3-.6.3z"/><path d="M1.4 10c-.3 0-.6-.1-.8-.3-.4-.4-.3-1 .1-1.4 6.4-5.6 16.1-5.6 22.5 0 .4.4.5 1 .1 1.4-.4.4-1 .5-1.4.1-5.7-5-14.2-5-19.8 0-.2.1-.4.2-.7.2zM15.5 17.1c-.2 0-.4-.1-.6-.2-1.7-1.2-4.1-1.2-5.8 0-.5.3-1.1.2-1.4-.2-.3-.5-.2-1.1.2-1.4 2.4-1.7 5.7-1.7 8.1 0 .5.3.6.9.2 1.4-.1.3-.4.4-.7.4zM12 21c-.3 0-.5-.1-.7-.3-.1-.1-.2-.2-.2-.3 0-.1-.1-.2-.1-.4 0-.3.1-.5.3-.7.2-.2.6-.3.9-.3.1 0 .1 0 .2.1.1 0 .1 0 .2.1l.1.1c.2.2.3.5.3.7 0 .1 0 .3-.1.4-.1.1-.1.2-.2.3-.2.2-.4.3-.7.3z"/></svg>

data/app/assets/images/icons/white/wind.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ffffff"><path d="M14 21c-.8 0-1.6-.3-2.1-.9-.4-.4-.4-1 0-1.4.4-.4 1-.4 1.4 0 .2.2.4.3.7.3.3 0 .5-.1.7-.3.2-.2.3-.4.3-.7 0-.3-.1-.5-.3-.7-.2-.2-.4-.3-.7-.3H2c-.6 0-1-.4-1-1s.4-1 1-1h12c.8 0 1.6.3 2.1.9.6.6.9 1.3.9 2.1s-.3 1.6-.9 2.1c-.5.6-1.3.9-2.1.9zm5.5-8H2c-.6 0-1-.4-1-1s.4-1 1-1h17.5c.4 0 .8-.2 1.1-.4.6-.6.6-1.5 0-2.1-.6-.6-1.5-.6-2.1 0-.4.4-1 .4-1.4 0-.4-.4-.4-1 0-1.4 1.4-1.4 3.6-1.4 4.9 0 1.4 1.4 1.4 3.6 0 5-.7.5-1.6.9-2.5.9zM11 9H2c-.6 0-1-.4-1-1s.4-1 1-1h9c.3 0 .5-.1.7-.3.4-.4.4-1 0-1.4-.2-.2-.4-.3-.7-.3-.3 0-.5.1-.7.3-.4.4-1 .4-1.4 0-.4-.4-.4-1 0-1.4.5-.6 1.3-.9 2.1-.9s1.6.3 2.1.9c1.2 1.2 1.2 3.1 0 4.2-.5.6-1.3.9-2.1.9z"/></svg>

data/app/assets/images/icons/white/youtube.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg" fill="#ffffff"><path d="M24.51 3.177l.014.065A29.97 29.97 0 0 1 25 8.746a29.99 29.99 0 0 1-.49 5.497 3.786 3.786 0 0 1-2.652 2.723c-.759.203-2.242.328-4.327.407a124.103 124.103 0 0 1-5.948.076c-1.06-.013-2.122-.038-3.114-.076-2.085-.08-3.568-.204-4.333-.408-1.275-.35-2.276-1.34-2.66-2.707A29.964 29.964 0 0 1 1 8.755c-.01-1.835.15-3.667.49-5.538A3.786 3.786 0 0 1 4.142.494C4.9.291 6.384.166 8.469.087A124.103 124.103 0 0 1 14.416.01c1.06.012 2.12.034 3.112.069 2.078.072 3.558.186 4.344.379a3.78 3.78 0 0 1 2.638 2.72zM11.244 12.89a1 1 0 0 1-1.494-.869V5.48a1 1 0 0 1 1.494-.87l5.75 3.27a1 1 0 0 1 0 1.74l-5.75 3.27zm3.233-4.139L11.75 7.2v3.1l2.727-1.55zm6.886-6.359c-.565-.137-1.981-.246-3.905-.313a133.873 133.873 0 0 0-5.85-.067c-1.045.013-2.09.037-3.063.074-1.917.073-3.33.192-3.873.337-.613.174-1.087.662-1.228 1.215A28.036 28.036 0 0 0 3 8.757c-.01 1.725.138 3.447.422 5.05.17.598.641 1.064 1.236 1.227.557.149 1.97.268 3.887.34a122.166 122.166 0 0 0 5.846.075c1.046-.013 2.09-.037 3.064-.074 1.917-.073 3.33-.192 3.873-.337.613-.174 1.087-.662 1.228-1.215.301-1.673.45-3.37.444-5.08a28 28 0 0 0-.438-5.11 1.767 1.767 0 0 0-1.2-1.242z"/></svg>

data/app/assets/images/icons/white/zap.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ffffff"><path d="M11 23c-.1 0-.3 0-.4-.1-.4-.2-.6-.6-.6-1l.9-6.9H3c-.4 0-.7-.2-.9-.6-.2-.4-.1-.8.1-1.1l10-12c.3-.3.8-.4 1.2-.2.4.2.6.6.6 1L13.1 9H21c.4 0 .7.2.9.6.2.4.1.8-.1 1.1l-10 12c-.2.2-.5.3-.8.3zM5.1 13H12c.3 0 .6.1.7.3.2.2.3.5.2.8l-.6 4.6 6.4-7.7H12c-.3 0-.6-.1-.7-.3-.2-.2-.3-.5-.2-.8l.6-4.6L5.1 13z"/></svg>

data/app/assets/images/icons/white/zoom-in.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ffffff"><path d="M11 20c-5 0-9-4-9-9s4-9 9-9 9 4 9 9-4 9-9 9zm0-16c-3.9 0-7 3.1-7 7s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7z"/><path d="M21 22c-.3 0-.5-.1-.7-.3L16 17.4c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l4.3 4.3c.4.4.4 1 0 1.4-.2.2-.4.3-.7.3zM11 15c-.6 0-1-.4-1-1V8c0-.6.4-1 1-1s1 .4 1 1v6c0 .6-.4 1-1 1z"/><path d="M14 12H8c-.6 0-1-.4-1-1s.4-1 1-1h6c.6 0 1 .4 1 1s-.4 1-1 1z"/></svg>

data/app/assets/images/icons/white/zoom-out.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ffffff"><path d="M11 20c-5 0-9-4-9-9s4-9 9-9 9 4 9 9-4 9-9 9zm0-16c-3.9 0-7 3.1-7 7s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7z"/><path d="M21 22c-.3 0-.5-.1-.7-.3l-4.4-4.4c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l4.4 4.4c.4.4.4 1 0 1.4-.2.2-.4.3-.7.3zM14 12H8c-.6 0-1-.4-1-1s.4-1 1-1h6c.6 0 1 .4 1 1s-.4 1-1 1z"/></svg>

data/app/helpers/active_frontend_helper.rb

@@ -3,39 +3,42 @@
 module ActiveFrontendHelper
 
   # rubocop:disable Metrics/MethodLength
+  def colors_base(opacity = 1)
+    {
+      black: { rgba: "rgba(16,37,51,#{opacity})", hex: '#102533' },
+      white: { rgba: "rgba(255,255,255,#{opacity})", hex: '#ffffff' },
+      transparent: { rgba: 'rgba(0,0,0,0)', hex: '#ffffff' }
+    }
+  end
+
   def colors_brand(opacity = 1)
     {
-      lime: { rgba: "rgba(115,211,37,#{opacity})", hex: '#73d325' },
-      green: { rgba: "rgba(59,201,29,#{opacity})", hex: '#3bc91d' },
-      teal: { rgba: "rgba(21,214,150,#{opacity})", hex: '#15d696' },
-      sky: { rgba: "rgba(0,160,255,#{opacity})", hex: '#00a0ff' },
-      blue: { rgba: "rgba(3,94,255,#{opacity})", hex: '#035eff' },
-      indigo: { rgba: "rgba(94,64,255,#{opacity})", hex: '#5e40ff' },
-      purple: { rgba: "rgba(156,60,241,#{opacity})", hex: '#9c3cf1' },
-      brown: { rgba: "rgba(130,65,36,#{opacity})", hex: '#824124' },
-      pink: { rgba: "rgba(252,81,103,#{opacity})", hex: '#fc5167' },
-      red: { rgba: "rgba(243,29,44,#{opacity})", hex: '#f31d2c' },
-      orange: { rgba: "rgba(255,115,25,#{opacity})", hex: '#ff7319' },
-      yellow: { rgba: "rgba(255,205,0,#{opacity})", hex: '#ffcd00' }
+      lime: { rgba: "rgba(171,189,49,#{opacity})", hex: '#abbd31' },
+      green: { rgba: "rgba(67,197,64,#{opacity})", hex: '#43c540' },
+      teal: { rgba: "rgba(39,196,144,#{opacity})", hex: '#27c490' },
+      sky: { rgba: "rgba(65,176,255,#{opacity})", hex: '#41b0ff' },
+      blue: { rgba: "rgba(41,121,254,#{opacity})", hex: '#2979fe' },
+      indigo: { rgba: "rgba(134,96,254,#{opacity})", hex: '#8660fe' },
+      purple: { rgba: "rgba(187,100,250,#{opacity})", hex: '#bb64fa' },
+      brown: { rgba: "rgba(128,88,78,#{opacity})", hex: '#80584e' },
+      pink: { rgba: "rgba(245,112,129,#{opacity})", hex: '#f57081' },
+      red: { rgba: "rgba(239,56,67,#{opacity})", hex: '#ef3843' },
+      orange: { rgba: "rgba(247,115,55,#{opacity})", hex: '#f77337' },
+      yellow: { rgba: "rgba(249,202,40,#{opacity})", hex: '#f9ca28' }
     }
   end
 
   def colors_grayscale(opacity = 1)
     {
-      light_black: { rgba: "rgba(21,48,66,#{opacity})", hex: '#153042' },
-      black: { rgba: "rgba(16,37,51,#{opacity})", hex: '#102533' },
-      dark_black: { rgba: "rgba(12,26,36,#{opacity})", hex: '#0c1a24' },
-      light_slate: { rgba: "rgba(43,67,88,#{opacity})", hex: '#2b4358' },
-      slate: { rgba: "rgba(34,54,72,#{opacity})", hex: '#223648' },
-      dark_slate: { rgba: "rgba(27,41,55,#{opacity})", hex: '#1b2937' },
-      light_gray: { rgba: "rgba(158,177,201,#{opacity})", hex: '#9eb1c9' },
-      gray: { rgba: "rgba(142,161,187,#{opacity})", hex: '#8ea1bc' },
-      dark_gray: { rgba: "rgba(127,146,170,#{opacity})", hex: '#7f92aa' },
-      light_haze: { rgba: "rgba(244,245,250,#{opacity})", hex: '#f4f5fa' },
-      haze: { rgba: "rgba(234,237,248,#{opacity})", hex: '#eaedf8' },
-      dark_haze: { rgba: "rgba(222,227,241,#{opacity})", hex: '#dee3f1' },
-      white: { rgba: "rgba(255,255,255,#{opacity})", hex: '#ffffff' },
-      transparent: { rgba: 'rgba(0,0,0,0)', hex: '#ffffff' }
+      light_slate: { rgba: "rgba(40,63,92,#{opacity})", hex: '#283f5c' },
+      slate: { rgba: "rgba(34,54,78,#{opacity})", hex: '#22364e' },
+      dark_slate: { rgba: "rgba(28,45,64,#{opacity})", hex: '#1c2d40' },
+      light_gray: { rgba: "rgba(178,196,214,#{opacity})", hex: '#b2c4d6' },
+      gray: { rgba: "rgba(165,186,207,#{opacity})", hex: '#a5bacf' },
+      dark_gray: { rgba: "rgba(152,176,200,#{opacity})", hex: '#98b0c8' },
+      light_haze: { rgba: "rgba(246,248,252,#{opacity})", hex: '#f6f8fc' },
+      haze: { rgba: "rgba(234,239,250,#{opacity})", hex: '#eaeffa' },
+      dark_haze: { rgba: "rgba(223,230,246,#{opacity})", hex: '#dfe6f6' }
     }
   end
   # rubocop:enable Metrics/MethodLength
@@ -52,7 +55,9 @@ module ActiveFrontendHelper
   end
 
   def colors(opacity = 1)
-    colors_global(opacity).merge(colors_brand(opacity)).merge(colors_grayscale(opacity))
+    colors_global(opacity).merge(colors_base(opacity))
+                          .merge(colors_brand(opacity))
+                          .merge(colors_grayscale(opacity))
   end
 
 end

data/lib/active_frontend/version.rb

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

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

@@ -17,9 +17,9 @@
   Colorpicker.VERSION = '1.0.0';
   Colorpicker.DEFAULTS = {
     colors: [
-      '#73d325', '#3bc91d', '#15d696', '#035eff', '#5e40ff',
-      '#9c3cf1', '#fc5167', '#f31d2c', '#ff7319', '#ffcd00',
-      '#102533', '#223648', '#8ea1bc', '#eaedf8', '#ffffff'
+      '#abbd31', '#43c540', '#27c490', '#2979fe', '#8660fe',
+      '#bb64fa', '#f57081', '#ef3843', '#f77337', '#f9ca28',
+      '#102533', '#22364e', '#a5bacf', '#eaeffa', '#ffffff'
     ],
     item: '<li><button type="button"></button></li>',
     menu: '<ul class="colorpicker dropmenu caret"></ul>',

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

@@ -23,13 +23,13 @@
   Switch.VERSION = '1.0.0';
   Switch.DEFAULTS = {
     baseClass: 'switch',
-    offClass: 'switch-color-light-haze',
-    onClass: 'switch-color-green',
+    offClass: 'switch-color-haze',
+    onClass: 'switch-color-primary',
     onOffCallback: function () {},
     onOnCallback: function () {},
     text: {
-      off: '<i class="icon-cross"></i>',
-      on: '<i class="icon-check"></i>'
+      off: '',
+      on: ''
     }
   };
 

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: [142,161,187],
-  lightslategrey: [142,161,187],
+  lightslategray: [165,186,207],
+  lightslategrey: [165,186,207],
   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(34,54,72,0.1)',
-      defaultFontColor: 'rgba(34,54,72,1)',
+      defaultColor: 'rgba(16,37,51,0.1)',
+      defaultFontColor: 'rgba(16,37,51,1)',
       defaultFontFamily: "'Circular', '-apple-system', BlinkMacSystemFont, 'Segoe UI', Verdana, Tahoma, sans-serif",
       defaultFontSize: 14,
       defaultFontStyle: 'normal',
@@ -6138,14 +6138,14 @@ module.exports = function (Chart) {
     position: 'left',
     gridLines: {
       display: true,
-      color: 'rgba(234,237,248,1)',
+      color: 'rgba(234,239,250,1)',
       lineWidth: 1,
       drawBorder: true,
       drawOnChartArea: true,
       drawTicks: true,
       tickMarkLength: 10,
       zeroLineWidth: 1,
-      zeroLineColor: 'rgba(234,237,248,1)',
+      zeroLineColor: 'rgba(234,239,250,1)',
       offsetGridLines: false
     },
     scaleLabel: {
@@ -7011,17 +7011,17 @@ module.exports = function (Chart) {
     titleSpacing: 0,
     titleMarginBottom: 3,
     titleFontSize: 12,
-    titleFontColor: 'rgba(222,227,241,1)',
+    titleFontColor: 'rgba(255,255,255,1)',
     titleAlign: 'left',
     bodySpacing: 0,
     bodyFontSize: 12,
-    bodyFontColor: 'rgba(222,227,241,1)',
+    bodyFontColor: 'rgba(255,255,255,1)',
     bodyAlign: 'left',
     footerFontSize: 12,
     footerFontStyle: '500',
     footerSpacing: 0,
     footerMarginTop: 3,
-    footerFontColor: 'rgba(222,227,241,1)',
+    footerFontColor: 'rgba(255,255,255,1)',
     footerAlign: 'left',
     yPadding: 10,
     xPadding: 15,
@@ -7029,7 +7029,7 @@ module.exports = function (Chart) {
     xAlign : 'center',
     caretSize: 5,
     cornerRadius: 3,
-    multiKeyBackground: 'rgba(222,227,241,1)',
+    multiKeyBackground: 'rgba(255,255,255,1)',
     callbacks: {
       beforeTitle: helpers.noop,
       title: function (tooltipItems, data) {
@@ -8681,7 +8681,7 @@ module.exports = function (Chart) {
     position: 'chartArea',
     angleLines: {
       display: true,
-      color: 'rgba(234,237,248,1)',
+      color: 'rgba(234,239,250,1)',
       lineWidth: 1
     },
     ticks: {

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

@@ -42,10 +42,10 @@
     settings: {
       displayPercentageChange: false,
       pPrecision: 1,
-      labelLineColor: '#eaedf8',
-      labelFontColor: '#223648',
-      sectionColor: ['#054B8B', '#075FB0', '#0872D5', '#035eff', '#3298F7', '#57ABF9', '#7CDDFA'],
-      pSectionColor: '#f4f5fa',
+      labelLineColor: '#eaeffa',
+      labelFontColor: '#102533',
+      sectionColor: ['#17438c', '#1d55b2', '#2367d8', '#2979fe', '#498dfe', '#69a1fe', '#89b5fe'],
+      pSectionColor: '#f6f8fc',
       font: "'Circular', '-apple-system', BlinkMacSystemFont, 'Segoe UI', Verdana, Tahoma, sans-serif",
       maxFontSize: 12,
       fontWeight: '700',
@@ -127,7 +127,7 @@
 
         this.drawClippingArea(ctx, settings);
 
-        ctx.fillStyle = '#dee3f1';
+        ctx.fillStyle = '#dfe6f6';
         ctx.fill();
         ctx.clip();
 
@@ -135,7 +135,7 @@
         this.drawClippingArea(ctx, settings, true);
 
         ctx.lineWidth = 0;
-        ctx.strokeStyle = '#dee3f1';
+        ctx.strokeStyle = '#dfe6f6';
         ctx.stroke();
       }
     },

data/vendor/assets/stylesheets/_utility.scss

@@ -43,7 +43,7 @@
 }
 @function text-color-on($color) {
   @if index($colors-black-text, $color) {
-    @return color(slate);
+    @return color(black);
   } @else {
     @return color(white);
   }
@@ -51,60 +51,63 @@
 
 // Attribute Funtions
 // ==================================================
-@function background-hover-color($color) {
-  @return darken(color($color), 1.75%);
-}
 @function border-radius($size) {
   @return map-get($common-border-radiuses, $size);
 }
-@function darkest-color($color) {
-  @return darken(color($color), 12.5%);
+@function color($color) {
+  @return map-get($colors, '' + $color);
 }
-@function darksome-color($color) {
-  @return darken(color($color), 10%);
+@function color-0($color) {
+  @return tint($color, 90%);
 }
-@function dark-color($color) {
-  @return darken(color($color), 7.5%);
+@function color-50($color) {
+  @return tint($color, 80%);
 }
-@function darker-color($color) {
-  @return darken(color($color), 5%);
+@function color-100($color) {
+  @return tint($color, 60%);
 }
-@function darkish-color($color) {
-  @return darken(color($color), 2.5%);
+@function color-200($color) {
+  @return tint($color, 45%);
 }
-@function color($color) {
-  @return map-get($colors, '' + $color);
+@function color-300($color) {
+  @return tint($color, 30%);
 }
-@function shade($color, $percentage) {
-  @return mix(black, color($color), $percentage);
+@function color-400($color) {
+  @return tint($color, 15%);
 }
-@function shadeish-color($color) {
-  @return shade($color, 20%);
+@function color-500($color) {
+  @return color($color);
 }
-@function shade-color($color) {
-  @return shade($color, 40%);
+@function color-600($color) {
+  @return shade($color, 15%);
 }
-@function shadiest-color($color) {
-  @return shade($color, 60%);
+@function color-700($color) {
+  @return shade($color, 30%);
 }
-@function lightish-color($color) {
-  @return lighten(color($color), 2.5%);
+@function color-800($color) {
+  @return shade($color, 45%);
 }
-@function lighter-color($color) {
-  @return lighten(color($color), 5%);
+@function color-900($color) {
+  @return shade($color, 60%);
+}
+@function color-hover($color) {
+  @return darken(color($color), 1.75%);
 }
-@function light-color($color) {
-  @return lighten(color($color), 7.5%);
+@function color-lucidity($color, $percentage) {
+  @return rgba(color($color), $percentage);
 }
-@function lightsome-color($color) {
-  @return lighten(color($color), 10%);
+@function color-opacify($color, $percentage) {
+  @return opacify(color($color), $percentage);
 }
-@function lightest-color($color) {
-  @return lighten(color($color), 12.5%);
+@function color-transparentize($color, $percentage) {
+  @return transparentize(color($color), $percentage);
 }
 @function progress-size($size) {
   @return map-get($progress-sizes, $size);
 }
+@function shade($color, $percentage) {
+  @return mix(black, color($color), $percentage);
+}
 @function text-family($family) {
   @return map-get($font-families, $family);
 }
@@ -123,15 +126,6 @@
 @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
 // ==================================================