Merge branch 'dev-docs' of https://github.com/tabler/tabler into dev-docs

README.md

@@ -32,6 +32,22 @@ We've created this admin panel for everyone who wants to create templates based
 <a href="https://github.com/sponsors/codecalm" target="_blank"><img src="/static/sponsor-banner-readme.png?raw=true" alt="Sponsor Tabler" /></a>
 
 
+### Sponsors
+
+Support this project by becoming a sponsor. Your logo will show up in this README with a link to your website. [Become a sponsor!](https://opencollective.com/tabler#sponsor)
+
+<a href="https://opencollective.com/tabler/tiers/sponsor/0/website" target="_blank"><img src="https://opencollective.com/tabler/tiers/sponsor/0/avatar.svg" /></a>
+<a href="https://opencollective.com/tabler/tiers/sponsor/1/website" target="_blank"><img src="https://opencollective.com/tabler/tiers/sponsor/1/avatar.svg" /></a>
+<a href="https://opencollective.com/tabler/tiers/sponsor/2/website" target="_blank"><img src="https://opencollective.com/tabler/tiers/sponsor/2/avatar.svg" /></a>
+<a href="https://opencollective.com/tabler/tiers/sponsor/3/website" target="_blank"><img src="https://opencollective.com/tabler/tiers/sponsor/3/avatar.svg" /></a>
+<a href="https://opencollective.com/tabler/tiers/sponsor/4/website" target="_blank"><img src="https://opencollective.com/tabler/tiers/sponsor/4/avatar.svg" /></a>
+<a href="https://opencollective.com/tabler/tiers/sponsor/5/website" target="_blank"><img src="https://opencollective.com/tabler/tiers/sponsor/5/avatar.svg" /></a>
+<a href="https://opencollective.com/tabler/tiers/sponsor/6/website" target="_blank"><img src="https://opencollective.com/tabler/tiers/sponsor/6/avatar.svg" /></a>
+<a href="https://opencollective.com/tabler/tiers/sponsor/7/website" target="_blank"><img src="https://opencollective.com/tabler/tiers/sponsor/7/avatar.svg" /></a>
+<a href="https://opencollective.com/tabler/tiers/sponsor/8/website" target="_blank"><img src="https://opencollective.com/tabler/tiers/sponsor/8/avatar.svg" /></a>
+<a href="https://opencollective.com/tabler/tiers/sponsor/9/website" target="_blank"><img src="https://opencollective.com/tabler/tiers/sponsor/9/avatar.svg" /></a>
+
+
 ## Setup environment
 
 To use our build system and run our documentation locally, you'll need a copy of Tabler's source files. Follow the steps below:
@@ -80,35 +96,18 @@ Found a bug or have a feature request? [Please open a new issue](https://github.
 - <https://codecalm.net>
 
 
-## Contributors
-
-This project exists thanks to all the people who contribute. [[Contribute](https://github.com/tabler/tabler/graphs/contributors)].
-<a href="https://github.com/tabler/tabler/graphs/contributors"><img src="https://opencollective.com/tabler/contributors.svg?width=890&button=false"></a>
-
-
-## Backers
-
-Thank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/tabler#backer)]
-
-<a href="https://opencollective.com/tabler#backers" target="_blank"><img src="https://opencollective.com/tabler/backers.svg?width=890"></a>
+### Contributors
 
+This project exists thanks to all the people who contribute.
 
-## Sponsors
+<img src="https://opencollective.com/tabler/contributors.svg?width=890&button=false" />
 
-Support this project by becoming a sponsor. Your logo will be displayed here with a link to your website. [[Become a sponsor](https://opencollective.com/tabler#sponsor)]
+### Backers
 
-<a href="https://opencollective.com/tabler/sponsor/0/website" target="_blank"><img src="https://opencollective.com/tabler/sponsor/0/avatar.svg"></a>
-<a href="https://opencollective.com/tabler/sponsor/1/website" target="_blank"><img src="https://opencollective.com/tabler/sponsor/1/avatar.svg"></a>
-<a href="https://opencollective.com/tabler/sponsor/2/website" target="_blank"><img src="https://opencollective.com/tabler/sponsor/2/avatar.svg"></a>
-<a href="https://opencollective.com/tabler/sponsor/3/website" target="_blank"><img src="https://opencollective.com/tabler/sponsor/3/avatar.svg"></a>
-<a href="https://opencollective.com/tabler/sponsor/4/website" target="_blank"><img src="https://opencollective.com/tabler/sponsor/4/avatar.svg"></a>
-<a href="https://opencollective.com/tabler/sponsor/5/website" target="_blank"><img src="https://opencollective.com/tabler/sponsor/5/avatar.svg"></a>
-<a href="https://opencollective.com/tabler/sponsor/6/website" target="_blank"><img src="https://opencollective.com/tabler/sponsor/6/avatar.svg"></a>
-<a href="https://opencollective.com/tabler/sponsor/7/website" target="_blank"><img src="https://opencollective.com/tabler/sponsor/7/avatar.svg"></a>
-<a href="https://opencollective.com/tabler/sponsor/8/website" target="_blank"><img src="https://opencollective.com/tabler/sponsor/8/avatar.svg"></a>
-<a href="https://opencollective.com/tabler/sponsor/9/website" target="_blank"><img src="https://opencollective.com/tabler/sponsor/9/avatar.svg"></a>
+Thank you to all our backers! 🙏 [Become a backer](https://opencollective.com/tabler#backer)
 
+<a href="https://opencollective.com/tabler#backers" target="_blank"><img src="https://opencollective.com/tabler/tiers/backer.svg?width=890&button=false" /></a>
 
-## Copyright and license
+## License
 
-Code and documentation copyright 2018 the [Tabler Authors](https://github.com/tabler/tabler/graphs/contributors) and [codecalm.net](https://codecalm.net). Code released under the [MIT License](https://github.com/tabler/tabler/blob/master/LICENSE).
+See the [LICENSE](https://github.com/tabler/tabler/blob/master/LICENSE) file.

_config.yml

 source: pages
 destination: tmp
 
-version: 1.0.0-alpha.3
+version: 1.0.0-alpha.4
 title: Tabler
 description: Premium and Open Source dashboard template with responsive and high quality UI.
 github_url: https://github.com/tabler/tabler
 sponsor_url: https://github.com/sponsors/codecalm
 
+mapbox_key: pk.eyJ1IjoiY29kZWNhbG0iLCJhIjoiSzRiOVJvQSJ9.BUVkTT6IYs83xSUs4H7bjQ
+
 debug: false
 
 dark-theme: false

build/browsersync.js

-/*
- * Tabler (v0.9.0): browsersync.js
- * Copyright 2018-2019 The Tabler Authors
- * Copyright 2018-2019 codecalm
- * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
- */
-
 const bs = require('browser-sync').create();
 
 bs.init({

build/change-version.js

+#!/usr/bin/env node
+
+const fs = require('fs');
+const path = require('path');
+const sh = require('shelljs');
+
+sh.config.fatal = true;
+
+// Blame TC39... https://github.com/benjamingr/RegExp.escape/issues/37
+function regExpQuote(string) {
+	return string.replace(/[$()*+-.?[\\\]^{|}]/g, '\\$&')
+}
+
+function regExpQuoteReplacement(string) {
+	return string.replace(/\$/g, '$$')
+}
+
+const DRY_RUN = false;
+
+function walkAsync(directory, excludedDirectories, fileCallback, errback) {
+	if (excludedDirectories.has(path.parse(directory).base)) {
+		return
+	}
+
+	fs.readdir(directory, (err, names) => {
+		if (err) {
+			errback(err);
+			return
+		}
+
+		names.forEach(name => {
+			const filepath = path.join(directory, name);
+			fs.lstat(filepath, (err, stats) => {
+				if (err) {
+					process.nextTick(errback, err);
+					return
+				}
+
+				if (stats.isDirectory()) {
+					process.nextTick(walkAsync, filepath, excludedDirectories, fileCallback, errback)
+				} else if (stats.isFile()) {
+					process.nextTick(fileCallback, filepath)
+				}
+			})
+		})
+	})
+}
+
+function replaceRecursively(directory, excludedDirectories, allowedExtensions, original, replacement) {
+	original = new RegExp(regExpQuote(original), 'g');
+	replacement = regExpQuoteReplacement(replacement);
+	const updateFile = DRY_RUN ?
+		filepath => {
+			if (allowedExtensions.has(path.parse(filepath).ext)) {
+				console.log(`FILE: ${filepath}`)
+			} else {
+				console.log(`EXCLUDED:${filepath}`)
+			}
+		} :
+		filepath => {
+			if (allowedExtensions.has(path.parse(filepath).ext)) {
+				sh.sed('-i', original, replacement, filepath)
+			}
+		};
+
+	walkAsync(directory, excludedDirectories, updateFile, err => {
+		console.error('ERROR while traversing directory!:');
+		console.error(err);
+		process.exit(1)
+	})
+}
+
+function main(args) {
+	if (args.length !== 2) {
+		console.error('USAGE: change-version old_version new_version');
+		console.error('Got arguments:', args);
+		process.exit(1);
+	}
+
+	const oldVersion = args[0];
+	const newVersion = args[1];
+	const EXCLUDED_DIRS = new Set([
+		'.git',
+		'_gh_pages',
+		'node_modules',
+		'vendor',
+		'demo',
+		'dist',
+		'pages/.jekyll-cache',
+		'.cache',
+		'.idea'
+	]);
+
+	const INCLUDED_EXTENSIONS = new Set([
+		// This extension whitelist is how we avoid modifying binary files
+		'',
+		'.css',
+		'.html',
+		'.js',
+		'.json',
+		'.md',
+		'.scss',
+		'.txt',
+		'.yml'
+	]);
+
+	replaceRecursively('.', EXCLUDED_DIRS, INCLUDED_EXTENSIONS, oldVersion, newVersion)
+}
+
+main(process.argv.slice(2));
\ No newline at end of file

build/copy-libs.js

@@ -26,8 +26,10 @@ Object.keys(all_libs.css).forEach(function (lib) {
 files = files.flat();
 
 files.forEach(function (file) {
-	let dirname = path.dirname(file).replace('@', '');
-	let cmd = `mkdir -p "dist/libs/${dirname}" && cp -r node_modules/${file} dist/libs/${file.replace('@', '')}`;
+	if(! file.match(/^https?/)) {
+		let dirname = path.dirname(file).replace('@', '');
+		let cmd = `mkdir -p "dist/libs/${dirname}" && cp -r node_modules/${file} dist/libs/${file.replace('@', '')}`;
 
-	exec(cmd)
+		exec(cmd)
+	}
 });

build/postcss.config.js

-/*
- * Tabler (v0.9.0): postcss.config.js
- * Copyright 2018-2019 The Tabler Authors
- * Copyright 2018-2019 codecalm
- * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
- */
-
 'use strict';
 
 module.exports = ctx => ({

build/rollup.config.js

-/*
- * Tabler (v0.9.0): rollup.config.js
- * Copyright 2018-2019 The Tabler Authors
- * Copyright 2018-2019 codecalm
- * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
- */
-
 'use strict';
 
 const BUNDLE = process.env.BUNDLE === 'true';

build/scss-compile.js

-/*
- * Tabler (v0.9.0): scss-compile.js
- * Copyright 2018-2019 The Tabler Authors
- * Copyright 2018-2019 codecalm
- * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
- */
-
 const BUNDLE = process.env.BUNDLE === 'true';
 
 const path = require('path'),

build/unused-files.js

+#!/usr/bin/env node
+
 const glob = require("glob"),
 	fs = require("fs");
 
@@ -22,6 +24,3 @@ includeFiles.forEach(function (file) {
 		console.log('file', file);
 	}
 });
-
-// console.log('foundFiles', foundFiles);
-// console.log('includeFiles', includeFiles);

demo/401.html

 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.3
+* @version 1.0.0-alpha.4
 * @link https://github.com/tabler/tabler
 * Copyright 2018-2019 The Tabler Authors
 * Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -12,6 +12,8 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
+    <title>Page 401 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
@@ -22,23 +24,28 @@
     <meta name="robots" content="noindex,nofollow,noarchive"/>
     <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
-    <title>Page 401 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580915872" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
+    <link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1580915872" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1580915872" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/css/demo.min.css?1582373134" rel="stylesheet"/>
+    <style>
+      body {
+      	display: none;
+      }
+    </style>
   </head>
   <body class="antialiased border-top-wide border-primary d-flex flex-column">
     <div class="flex-fill d-flex align-items-center justify-content-center">
@@ -61,9 +68,12 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580915872"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1580915872"></script>
-    <script src="./dist/js/tabler-range-sliders.min.js?1580915872"></script>
+    <script src="./dist/js/tabler.min.js?1582373134"></script>
+    <script>
+      document.body.style.display = "block"
+    </script>
   </body>
 </html>
\ No newline at end of file

demo/403.html

 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.3
+* @version 1.0.0-alpha.4
 * @link https://github.com/tabler/tabler
 * Copyright 2018-2019 The Tabler Authors
 * Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -12,6 +12,8 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
+    <title>Page 403 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
@@ -22,23 +24,28 @@
     <meta name="robots" content="noindex,nofollow,noarchive"/>
     <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
-    <title>Page 403 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580915872" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
+    <link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1580915872" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1580915872" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/css/demo.min.css?1582373134" rel="stylesheet"/>
+    <style>
+      body {
+      	display: none;
+      }
+    </style>
   </head>
   <body class="antialiased border-top-wide border-primary d-flex flex-column">
     <div class="flex-fill d-flex align-items-center justify-content-center">
@@ -61,9 +68,12 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580915872"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1580915872"></script>
-    <script src="./dist/js/tabler-range-sliders.min.js?1580915872"></script>
+    <script src="./dist/js/tabler.min.js?1582373134"></script>
+    <script>
+      document.body.style.display = "block"
+    </script>
   </body>
 </html>
\ No newline at end of file

demo/404.html

 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.3
+* @version 1.0.0-alpha.4
 * @link https://github.com/tabler/tabler
 * Copyright 2018-2019 The Tabler Authors
 * Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -12,6 +12,8 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
+    <title>Page 404 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
@@ -22,23 +24,28 @@
     <meta name="robots" content="noindex,nofollow,noarchive"/>
     <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
-    <title>Page 404 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580915872" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
+    <link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1580915872" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1580915872" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/css/demo.min.css?1582373134" rel="stylesheet"/>
+    <style>
+      body {
+      	display: none;
+      }
+    </style>
   </head>
   <body class="antialiased border-top-wide border-primary d-flex flex-column">
     <div class="flex-fill d-flex align-items-center justify-content-center">
@@ -61,9 +68,12 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580915872"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1580915872"></script>
-    <script src="./dist/js/tabler-range-sliders.min.js?1580915872"></script>
+    <script src="./dist/js/tabler.min.js?1582373134"></script>
+    <script>
+      document.body.style.display = "block"
+    </script>
   </body>
 </html>
\ No newline at end of file

demo/500.html

 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.3
+* @version 1.0.0-alpha.4
 * @link https://github.com/tabler/tabler
 * Copyright 2018-2019 The Tabler Authors
 * Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -12,6 +12,8 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
+    <title>Page 500 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
@@ -22,23 +24,28 @@
     <meta name="robots" content="noindex,nofollow,noarchive"/>
     <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
-    <title>Page 500 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580915872" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
+    <link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1580915872" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1580915872" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/css/demo.min.css?1582373134" rel="stylesheet"/>
+    <style>
+      body {
+      	display: none;
+      }
+    </style>
   </head>
   <body class="antialiased border-top-wide border-primary d-flex flex-column">
     <div class="flex-fill d-flex align-items-center justify-content-center">
@@ -61,9 +68,12 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580915872"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1580915872"></script>
-    <script src="./dist/js/tabler-range-sliders.min.js?1580915872"></script>
+    <script src="./dist/js/tabler.min.js?1582373134"></script>
+    <script>
+      document.body.style.display = "block"
+    </script>
   </body>
 </html>
\ No newline at end of file

demo/503.html

 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.3
+* @version 1.0.0-alpha.4
 * @link https://github.com/tabler/tabler
 * Copyright 2018-2019 The Tabler Authors
 * Copyright 2018-2019 codecalm.net Paweł Kuna
@@ -12,6 +12,8 @@
     <meta charset="utf-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
+    <title>Page 503 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
+    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
     <meta name="msapplication-TileColor" content="#206bc4"/>
     <meta name="theme-color" content="#206bc4"/>
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
@@ -22,23 +24,28 @@
     <meta name="robots" content="noindex,nofollow,noarchive"/>
     <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
     <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
-    <title>Page 503 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- Libs CSS -->
-    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/libs/selectize/dist/css/selectize.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/core/main.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/libs/fullcalendar/list/main.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/libs/nouislider/distribute/nouislider.min.css?1580915872" rel="stylesheet"/>
+    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/libs/selectize/dist/css/selectize.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/core/main.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/libs/fullcalendar/list/main.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/libs/flatpickr/dist/flatpickr.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/libs/nouislider/distribute/nouislider.min.css?1582373134" rel="stylesheet"/>
+    <link href="https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css" rel="stylesheet"/>
     <!-- Tabler Core -->
-    <link href="./dist/css/tabler.min.css?1580915872" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1582373134" rel="stylesheet"/>
     <!-- Tabler Plugins -->
-    <link href="./dist/css/tabler-flags.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/css/tabler-buttons.min.css?1580915872" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1580915872" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/css/tabler-buttons.min.css?1582373134" rel="stylesheet"/>
+    <link href="./dist/css/demo.min.css?1582373134" rel="stylesheet"/>
+    <style>
+      body {
+      	display: none;
+      }
+    </style>
   </head>
   <body class="antialiased border-top-wide border-primary d-flex flex-column">
     <div class="flex-fill d-flex align-items-center justify-content-center">
@@ -61,9 +68,12 @@
       </div>
     </div>
     <!-- Libs JS -->
-    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1580915872"></script>
+    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1582373134"></script>
+    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1582373134"></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1580915872"></script>
-    <script src="./dist/js/tabler-range-sliders.min.js?1580915872"></script>
+    <script src="./dist/js/tabler.min.js?1582373134"></script>
+    <script>
+      document.body.style.display = "block"
+    </script>
   </body>
 </html>
\ No newline at end of file

demo/dist/css/demo.css

+/*!
+ * Tabler (v1.0.0-alpha.4)
+ * Copyright 2018-2020 The Tabler Authors
+ * Copyright 2018-2020 codecalm
+ * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
+ */
+/**
+Dark mode
+ */
+pre.highlight,
+.highlight pre {
+  max-height: 30rem;
+  margin: 1.5rem 0;
+  overflow: auto;
+  font-size: 0.7333333em;
+  background: #354052;
+  border-radius: 3px;
+  color: #ffffff; }
+  pre.highlight::-webkit-scrollbar,
+  .highlight pre::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+    -webkit-transition: .3s background;
+    transition: .3s background; }
+  pre.highlight::-webkit-scrollbar-thumb,
+  .highlight pre::-webkit-scrollbar-thumb {
+    border-radius: 5px;
+    background: transparent; }
+  pre.highlight::-webkit-scrollbar-corner,
+  .highlight pre::-webkit-scrollbar-corner {
+    background: transparent; }
+  pre.highlight:hover::-webkit-scrollbar-thumb,
+  .highlight pre:hover::-webkit-scrollbar-thumb {
+    background: #cbcfd6;
+    background: #5d6675; }
+
+.highlight .c, .highlight .c1 {
+  color: #a0aec0; }
+
+.highlight .na, .highlight .nx, .highlight .nl, .language-css .highlight .na, .language-scss .highlight .na {
+  color: #ffe484; }
+
+.highlight .s, .highlight .dl, .highlight .s1, .highlight .s2, .highlight .mh {
+  color: #b5f4a5; }
+
+.highlight .mi, .highlight .language-js .nb, .highlight .nc, .highlight .nd, .highlight .nt {
+  color: #93ddfd; }
+
+.highlight .language-html .nt, .highlight .nb {
+  color: #ff8383; }
+
+.highlight .k, .highlight .kd, .highlight .nv, .highlight .n {
+  color: #d9a9ff; }
+
+.example {
+  padding: 2rem;
+  margin: 2rem 0;
+  border: 1px solid rgba(134, 140, 151, 0.24);
+  border-radius: 3px 3px 0 0;
+  position: relative;
+  min-height: 12rem;
+  display: flex;
+  align-items: center;
+  overflow-x: auto; }
+
+.example-centered {
+  justify-content: center; }
+  .example-centered .example-content {
+    flex: 0 auto; }
+
+.example-content {
+  font-size: 0.9375rem;
+  flex: 1;
+  max-width: 100%; }
+
+.example-bg {
+  background: #f5f7fb; }
+
+.example-code {
+  margin: 2rem 0;
+  border-top: none; }
+  .example-code pre {
+    margin: 0;
+    border-radius: 0 0 3px 3px; }
+  .example + .example-code {
+    margin-top: -2rem; }
+
+.example-column {
+  margin: 0 auto; }
+  .example-column > .card:last-of-type {
+    margin-bottom: 0; }
+
+.example-column-1 {
+  max-width: 20rem; }
+
+.example-column-2 {
+  max-width: 40rem; }
+
+.example-modal-backdrop {
+  background: #354052;
+  opacity: 0.24;
+  position: absolute;
+  width: 100%;
+  left: 0;
+  top: 0;
+  height: 100%;
+  border-radius: 2px 2px 0 0; }
+
+@media not print {
+  .theme-dark .example-code {
+    border: 1px solid rgba(134, 140, 151, 0.24);
+    border-top: none; } }
+
+@media not print and (prefers-color-scheme: dark) {
+  .theme-dark-auto .example-code {
+    border: 1px solid rgba(134, 140, 151, 0.24);
+    border-top: none; } }
+
+.card-sponsor {
+  background: #dbe7f6 no-repeat center/100% 100%;
+  border-color: #548ed2;
+  min-height: 316px; }
+
+body.no-transitions * {
+  transition: none !important; }
+
+.toc-entry:before {
+  content: '- '; }
+
+.toc-entry ul {
+  list-style: none;
+  padding-left: 1rem; }
+
+.toc-entry a {
+  color: #868c97; }
+/*# sourceMappingURL=demo.css.map */
\ No newline at end of file

demo/dist/css/demo.min.css

+/*!
+ * Tabler (v1.0.0-alpha.4)
+ * Copyright 2018-2020 The Tabler Authors
+ * Copyright 2018-2020 codecalm
+ * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
+ */.highlight pre,pre.highlight{max-height:30rem;margin:1.5rem 0;overflow:auto;font-size:.7333333em;background:#354052;border-radius:3px;color:#fff}.highlight pre::-webkit-scrollbar,pre.highlight::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.highlight pre::-webkit-scrollbar-thumb,pre.highlight::-webkit-scrollbar-thumb{border-radius:5px;background:0 0}.highlight pre::-webkit-scrollbar-corner,pre.highlight::-webkit-scrollbar-corner{background:0 0}.highlight pre:hover::-webkit-scrollbar-thumb,pre.highlight:hover::-webkit-scrollbar-thumb{background:#cbcfd6;background:#5d6675}.highlight .c,.highlight .c1{color:#a0aec0}.highlight .na,.highlight .nl,.highlight .nx,.language-css .highlight .na,.language-scss .highlight .na{color:#ffe484}.highlight .dl,.highlight .mh,.highlight .s,.highlight .s1,.highlight .s2{color:#b5f4a5}.highlight .language-js .nb,.highlight .mi,.highlight .nc,.highlight .nd,.highlight .nt{color:#93ddfd}.highlight .language-html .nt,.highlight .nb{color:#ff8383}.highlight .k,.highlight .kd,.highlight .n,.highlight .nv{color:#d9a9ff}.example{padding:2rem;margin:2rem 0;border:1px solid rgba(134,140,151,.24);border-radius:3px 3px 0 0;position:relative;min-height:12rem;display:flex;align-items:center;overflow-x:auto}.example-centered{justify-content:center}.example-centered .example-content{flex:0 auto}.example-content{font-size:.9375rem;flex:1;max-width:100%}.example-bg{background:#f5f7fb}.example-code{margin:2rem 0;border-top:none}.example-code pre{margin:0;border-radius:0 0 3px 3px}.example+.example-code{margin-top:-2rem}.example-column{margin:0 auto}.example-column>.card:last-of-type{margin-bottom:0}.example-column-1{max-width:20rem}.example-column-2{max-width:40rem}.example-modal-backdrop{background:#354052;opacity:.24;position:absolute;width:100%;left:0;top:0;height:100%;border-radius:2px 2px 0 0}@media not print{.theme-dark .example-code{border:1px solid rgba(134,140,151,.24);border-top:none}}@media not print and (prefers-color-scheme:dark){.theme-dark-auto .example-code{border:1px solid rgba(134,140,151,.24);border-top:none}}.card-sponsor{background:#dbe7f6 no-repeat center/100% 100%;border-color:#548ed2;min-height:316px}body.no-transitions *{transition:none!important}.toc-entry:before{content:'- '}.toc-entry ul{list-style:none;padding-left:1rem}.toc-entry a{color:#868c97}
+/*# sourceMappingURL=demo.min.css.map */
\ No newline at end of file

demo/dist/css/tabler-buttons.css

+/*!
+ * Tabler (v1.0.0-alpha.4)
+ * Copyright 2018-2020 The Tabler Authors
+ * Copyright 2018-2020 codecalm
+ * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
+ */
+/**
+Dark mode
+ */
 .btn-ghost-primary {
   color: #206bc4;
   background-color: transparent;
@@ -25,28 +34,28 @@
     border-color: transparent; }
 
 .btn-ghost-secondary {
-  color: #7e8590;
+  color: #868c97;
   background-color: transparent;
   border-color: transparent; }
   .btn-ghost-secondary:hover {
     color: #fff;
-    background-color: #7e8590;
-    border-color: #7e8590; }
+    background-color: #868c97;
+    border-color: #868c97; }
   .btn-ghost-secondary:focus, .btn-ghost-secondary.focus {
     color: #fff;
-    background-color: #7e8590;
-    border-color: #7e8590;
-    box-shadow: 0 0 0 0.2rem rgba(126, 133, 144, 0.5); }
+    background-color: #868c97;
+    border-color: #868c97;
+    box-shadow: 0 0 0 0.2rem rgba(134, 140, 151, 0.5); }
   .btn-ghost-secondary:active, .btn-ghost-secondary.active,
   .show > .btn-ghost-secondary.dropdown-toggle {
     color: #ffffff;
-    background-color: #7e8590;
-    border-color: #7e8590; }
+    background-color: #868c97;
+    border-color: #868c97; }
     .btn-ghost-secondary:active:focus, .btn-ghost-secondary.active:focus,
     .show > .btn-ghost-secondary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(126, 133, 144, 0.5); }
+      box-shadow: 0 0 0 0.2rem rgba(134, 140, 151, 0.5); }
   .btn-ghost-secondary:disabled, .btn-ghost-secondary.disabled {
-    color: #7e8590;
+    color: #868c97;
     background-color: transparent;
     border-color: transparent; }
 
@@ -911,6 +920,53 @@
     color: #206bc4;
     background-color: transparent; }
 
+.btn-azure {
+  color: #ffffff;
+  background-color: #45aaf2;
+  border-color: #45aaf2; }
+  .btn-azure:hover {
+    color: #ffffff;
+    background-color: #219af0;
+    border-color: #1594ef; }
+  .btn-azure:focus, .btn-azure.focus {
+    color: #ffffff;
+    background-color: #219af0;
+    border-color: #1594ef;
+    box-shadow: 0 0 0 0.2rem rgba(97, 183, 244, 0.5); }
+  .btn-azure:active, .btn-azure.active,
+  .show > .btn-azure.dropdown-toggle {
+    color: #ffffff;
+    background-color: #1594ef;
+    border-color: #108ee7; }
+    .btn-azure:active:focus, .btn-azure.active:focus,
+    .show > .btn-azure.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(97, 183, 244, 0.5); }
+  .btn-azure:disabled, .btn-azure.disabled {
+    color: #ffffff;
+    background-color: #45aaf2;
+    border-color: #45aaf2; }
+
+.btn-outline-azure {
+  color: #45aaf2;
+  border-color: #45aaf2; }
+  .btn-outline-azure:hover {
+    color: #45aaf2;
+    background-color: #45aaf2;
+    border-color: #45aaf2; }
+  .btn-outline-azure:focus, .btn-outline-azure.focus {
+    box-shadow: 0 0 0 0.2rem rgba(69, 170, 242, 0.5); }
+  .btn-outline-azure:active, .btn-outline-azure.active,
+  .show > .btn-outline-azure.dropdown-toggle {
+    color: #ffffff;
+    background-color: #45aaf2;
+    border-color: #45aaf2; }
+    .btn-outline-azure:active:focus, .btn-outline-azure.active:focus,
+    .show > .btn-outline-azure.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(69, 170, 242, 0.5); }
+  .btn-outline-azure:disabled, .btn-outline-azure.disabled {
+    color: #45aaf2;
+    background-color: transparent; }
+
 .btn-indigo {
   color: #ffffff;
   background-color: #6574cd;
@@ -1193,6 +1249,53 @@
     color: #fab005;
     background-color: transparent; }
 
+.btn-lime {
+  color: #ffffff;
+  background-color: #94d82d;
+  border-color: #94d82d; }
+  .btn-lime:hover {
+    color: #ffffff;
+    background-color: #7fbc23;
+    border-color: #78b121; }
+  .btn-lime:focus, .btn-lime.focus {
+    color: #ffffff;
+    background-color: #7fbc23;
+    border-color: #78b121;
+    box-shadow: 0 0 0 0.2rem rgba(164, 222, 77, 0.5); }
+  .btn-lime:active, .btn-lime.active,
+  .show > .btn-lime.dropdown-toggle {
+    color: #ffffff;
+    background-color: #78b121;
+    border-color: #70a61f; }
+    .btn-lime:active:focus, .btn-lime.active:focus,
+    .show > .btn-lime.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(164, 222, 77, 0.5); }
+  .btn-lime:disabled, .btn-lime.disabled {
+    color: #ffffff;
+    background-color: #94d82d;
+    border-color: #94d82d; }
+
+.btn-outline-lime {
+  color: #94d82d;
+  border-color: #94d82d; }
+  .btn-outline-lime:hover {
+    color: #94d82d;
+    background-color: #94d82d;
+    border-color: #94d82d; }
+  .btn-outline-lime:focus, .btn-outline-lime.focus {
+    box-shadow: 0 0 0 0.2rem rgba(148, 216, 45, 0.5); }
+  .btn-outline-lime:active, .btn-outline-lime.active,
+  .show > .btn-outline-lime.dropdown-toggle {
+    color: #ffffff;
+    background-color: #94d82d;
+    border-color: #94d82d; }
+    .btn-outline-lime:active:focus, .btn-outline-lime.active:focus,
+    .show > .btn-outline-lime.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(148, 216, 45, 0.5); }
+  .btn-outline-lime:disabled, .btn-outline-lime.disabled {
+    color: #94d82d;
+    background-color: transparent; }
+
 .btn-green {
   color: #ffffff;
   background-color: #5eba00;
@@ -1475,100 +1578,6 @@
     color: #545d6d;
     background-color: transparent; }
 
-.btn-azure {
-  color: #ffffff;
-  background-color: #45aaf2;
-  border-color: #45aaf2; }
-  .btn-azure:hover {
-    color: #ffffff;
-    background-color: #219af0;
-    border-color: #1594ef; }
-  .btn-azure:focus, .btn-azure.focus {
-    color: #ffffff;
-    background-color: #219af0;
-    border-color: #1594ef;
-    box-shadow: 0 0 0 0.2rem rgba(97, 183, 244, 0.5); }
-  .btn-azure:active, .btn-azure.active,
-  .show > .btn-azure.dropdown-toggle {
-    color: #ffffff;
-    background-color: #1594ef;
-    border-color: #108ee7; }
-    .btn-azure:active:focus, .btn-azure.active:focus,
-    .show > .btn-azure.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(97, 183, 244, 0.5); }
-  .btn-azure:disabled, .btn-azure.disabled {
-    color: #ffffff;
-    background-color: #45aaf2;
-    border-color: #45aaf2; }
-
-.btn-outline-azure {
-  color: #45aaf2;
-  border-color: #45aaf2; }
-  .btn-outline-azure:hover {
-    color: #45aaf2;
-    background-color: #45aaf2;
-    border-color: #45aaf2; }
-  .btn-outline-azure:focus, .btn-outline-azure.focus {
-    box-shadow: 0 0 0 0.2rem rgba(69, 170, 242, 0.5); }
-  .btn-outline-azure:active, .btn-outline-azure.active,
-  .show > .btn-outline-azure.dropdown-toggle {
-    color: #ffffff;
-    background-color: #45aaf2;
-    border-color: #45aaf2; }
-    .btn-outline-azure:active:focus, .btn-outline-azure.active:focus,
-    .show > .btn-outline-azure.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(69, 170, 242, 0.5); }
-  .btn-outline-azure:disabled, .btn-outline-azure.disabled {
-    color: #45aaf2;
-    background-color: transparent; }
-
-.btn-lime {
-  color: #ffffff;
-  background-color: #94d82d;
-  border-color: #94d82d; }
-  .btn-lime:hover {
-    color: #ffffff;
-    background-color: #7fbc23;
-    border-color: #78b121; }
-  .btn-lime:focus, .btn-lime.focus {
-    color: #ffffff;
-    background-color: #7fbc23;
-    border-color: #78b121;
-    box-shadow: 0 0 0 0.2rem rgba(164, 222, 77, 0.5); }
-  .btn-lime:active, .btn-lime.active,
-  .show > .btn-lime.dropdown-toggle {
-    color: #ffffff;
-    background-color: #78b121;
-    border-color: #70a61f; }
-    .btn-lime:active:focus, .btn-lime.active:focus,
-    .show > .btn-lime.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(164, 222, 77, 0.5); }
-  .btn-lime:disabled, .btn-lime.disabled {
-    color: #ffffff;
-    background-color: #94d82d;
-    border-color: #94d82d; }
-
-.btn-outline-lime {
-  color: #94d82d;
-  border-color: #94d82d; }
-  .btn-outline-lime:hover {
-    color: #94d82d;
-    background-color: #94d82d;
-    border-color: #94d82d; }
-  .btn-outline-lime:focus, .btn-outline-lime.focus {
-    box-shadow: 0 0 0 0.2rem rgba(148, 216, 45, 0.5); }
-  .btn-outline-lime:active, .btn-outline-lime.active,
-  .show > .btn-outline-lime.dropdown-toggle {
-    color: #ffffff;
-    background-color: #94d82d;
-    border-color: #94d82d; }
-    .btn-outline-lime:active:focus, .btn-outline-lime.active:focus,
-    .show > .btn-outline-lime.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(148, 216, 45, 0.5); }
-  .btn-outline-lime:disabled, .btn-outline-lime.disabled {
-    color: #94d82d;
-    background-color: transparent; }
-
 .btn-dark {
   color: #ffffff;
   background-color: #354052;

demo/dist/css/tabler-flags.css

 /*!
- * Tabler Flags (v0.9.0)
- * Copyright 2018-2019 The Tabler Authors
- * Copyright 2018-2019 codecalm
+ * Tabler (v1.0.0-alpha.4)
+ * Copyright 2018-2020 The Tabler Authors
+ * Copyright 2018-2020 codecalm
  * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
  */
+/**
+Dark mode
+ */
 .flag {
   position: relative;
   display: inline-block;
@@ -13,7 +16,7 @@
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
-  border: 1px solid rgba(126, 133, 144, 0.24);
+  border: 1px solid rgba(134, 140, 151, 0.24);
   border-radius: 3px; }
 
 .flag-country-ad {