codecalm 1 год назад
Родитель
Сommit
966d75903d
10 измененных файлов с 261 добавлено и 225 удалено
  1. 27 23
      demo/accordion.html
  2. 27 23
      demo/activity.html
  3. 9 9
      demo/auth-lock.html
  4. 27 23
      demo/badges.html
  5. 27 23
      demo/blank.html
  6. 31 27
      demo/buttons.html
  7. 29 25
      demo/card-actions.html
  8. 27 23
      demo/cards-masonry.html
  9. 30 26
      demo/cards.html
  10. 27 23
      demo/carousel.html

+ 27 - 23
demo/accordion.html

@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-beta17
+* @version 1.0.0-beta18
 * @link https://tabler.io
 * Copyright 2018-2023 The Tabler Authors
 * Copyright 2018-2023 codecalm.net Paweł Kuna
@@ -14,11 +14,11 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
     <title>Accordion - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- CSS files -->
-    <link href="./dist/css/tabler.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1674944402" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
     <style>
       @import url('https://rsms.me/inter/inter.css');
       :root {
@@ -30,10 +30,10 @@
     </style>
   </head>
   <body >
-    <script src="./dist/js/demo-theme.min.js?1674944402"></script>
+    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
     <div class="page">
       <!-- Navbar -->
-      <header class="navbar navbar-expand-md navbar-light d-print-none">
+      <header class="navbar navbar-expand-md d-print-none" >
         <div class="container-xl">
           <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
@@ -72,7 +72,7 @@
               <div class="nav-item dropdown d-none d-md-flex me-3">
                 <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
                   <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
+                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
                   <span class="badge bg-red"></span>
                 </a>
                 <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
@@ -176,7 +176,7 @@
       </header>
       <header class="navbar-expand-md">
         <div class="collapse navbar-collapse" id="navbar-menu">
-          <div class="navbar navbar-light">
+          <div class="navbar">
             <div class="container-xl">
               <ul class="navbar-nav">
                 <li class="nav-item">
@@ -201,9 +201,6 @@
                   <div class="dropdown-menu">
                     <div class="dropdown-menu-columns">
                       <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./empty.html">
-                          Empty page
-                        </a>
                         <a class="dropdown-item active" href="./accordion.html">
                           Accordion
                         </a>
@@ -268,12 +265,12 @@
                         <a class="dropdown-item" href="./charts.html">
                           Charts
                         </a>
-                      </div>
-                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./pagination.html">
                           <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
                           Pagination
                         </a>
+                      </div>
+                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./placeholder.html">
                           Placeholder
                         </a>
@@ -394,6 +391,13 @@
                   <div class="dropdown-menu">
                     <div class="dropdown-menu-columns">
                       <div class="dropdown-menu-column">
+                        <a class="dropdown-item" href="./empty.html">
+                          Empty page
+                        </a>
+                        <a class="dropdown-item" href="./cookie-banner.html">
+                          Cookie banner
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
+                        </a>
                         <a class="dropdown-item" href="./activity.html">
                           Activity
                         </a>
@@ -422,12 +426,12 @@
                         <a class="dropdown-item" href="./license.html">
                           License
                         </a>
+                      </div>
+                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./logs.html">
                           Logs
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
                         </a>
-                      </div>
-                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./music.html">
                           Music
                         </a>
@@ -532,7 +536,7 @@
                       <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
                     </span>
                     <span class="nav-link-title">
-                      3222 icons
+                      4158 icons
                     </span>
                   </a>
                 </li>
@@ -546,7 +550,7 @@
                     </span>
                   </a>
                   <div class="dropdown-menu">
-                    <a class="dropdown-item" href="./docs/">
+                    <a class="dropdown-item" href="https://tabler.io/docs" target="_blank" rel="noopener">
                       Documentation
                     </a>
                     <a class="dropdown-item" href="./changelog.html">
@@ -655,7 +659,7 @@
             <div class="row text-center align-items-center flex-row-reverse">
               <div class="col-lg-auto ms-lg-auto">
                 <ul class="list-inline list-inline-dots mb-0">
-                  <li class="list-inline-item"><a href="./docs/" class="link-secondary">Documentation</a></li>
+                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
                   <li class="list-inline-item">
@@ -676,7 +680,7 @@
                   </li>
                   <li class="list-inline-item">
                     <a href="./changelog.html" class="link-secondary" rel="noopener">
-                      v1.0.0-beta17
+                      v1.0.0-beta18
                     </a>
                   </li>
                 </ul>
@@ -688,7 +692,7 @@
     </div>
     <!-- Libs JS -->
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1674944402" defer></script>
-    <script src="./dist/js/demo.min.js?1674944402" defer></script>
+    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
+    <script src="./dist/js/demo.min.js?1684072869" defer></script>
   </body>
 </html>

+ 27 - 23
demo/activity.html

@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-beta17
+* @version 1.0.0-beta18
 * @link https://tabler.io
 * Copyright 2018-2023 The Tabler Authors
 * Copyright 2018-2023 codecalm.net Paweł Kuna
@@ -14,11 +14,11 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
     <title>Activity - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- CSS files -->
-    <link href="./dist/css/tabler.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1674944402" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
     <style>
       @import url('https://rsms.me/inter/inter.css');
       :root {
@@ -30,10 +30,10 @@
     </style>
   </head>
   <body >
-    <script src="./dist/js/demo-theme.min.js?1674944402"></script>
+    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
     <div class="page">
       <!-- Navbar -->
-      <header class="navbar navbar-expand-md navbar-light d-print-none">
+      <header class="navbar navbar-expand-md d-print-none" >
         <div class="container-xl">
           <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
@@ -72,7 +72,7 @@
               <div class="nav-item dropdown d-none d-md-flex me-3">
                 <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
                   <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
+                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
                   <span class="badge bg-red"></span>
                 </a>
                 <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
@@ -176,7 +176,7 @@
       </header>
       <header class="navbar-expand-md">
         <div class="collapse navbar-collapse" id="navbar-menu">
-          <div class="navbar navbar-light">
+          <div class="navbar">
             <div class="container-xl">
               <ul class="navbar-nav">
                 <li class="nav-item">
@@ -201,9 +201,6 @@
                   <div class="dropdown-menu">
                     <div class="dropdown-menu-columns">
                       <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./empty.html">
-                          Empty page
-                        </a>
                         <a class="dropdown-item" href="./accordion.html">
                           Accordion
                         </a>
@@ -268,12 +265,12 @@
                         <a class="dropdown-item" href="./charts.html">
                           Charts
                         </a>
-                      </div>
-                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./pagination.html">
                           <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
                           Pagination
                         </a>
+                      </div>
+                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./placeholder.html">
                           Placeholder
                         </a>
@@ -394,6 +391,13 @@
                   <div class="dropdown-menu">
                     <div class="dropdown-menu-columns">
                       <div class="dropdown-menu-column">
+                        <a class="dropdown-item" href="./empty.html">
+                          Empty page
+                        </a>
+                        <a class="dropdown-item" href="./cookie-banner.html">
+                          Cookie banner
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
+                        </a>
                         <a class="dropdown-item active" href="./activity.html">
                           Activity
                         </a>
@@ -422,12 +426,12 @@
                         <a class="dropdown-item" href="./license.html">
                           License
                         </a>
+                      </div>
+                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./logs.html">
                           Logs
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
                         </a>
-                      </div>
-                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./music.html">
                           Music
                         </a>
@@ -532,7 +536,7 @@
                       <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
                     </span>
                     <span class="nav-link-title">
-                      3222 icons
+                      4158 icons
                     </span>
                   </a>
                 </li>
@@ -546,7 +550,7 @@
                     </span>
                   </a>
                   <div class="dropdown-menu">
-                    <a class="dropdown-item" href="./docs/">
+                    <a class="dropdown-item" href="https://tabler.io/docs" target="_blank" rel="noopener">
                       Documentation
                     </a>
                     <a class="dropdown-item" href="./changelog.html">
@@ -857,7 +861,7 @@
             <div class="row text-center align-items-center flex-row-reverse">
               <div class="col-lg-auto ms-lg-auto">
                 <ul class="list-inline list-inline-dots mb-0">
-                  <li class="list-inline-item"><a href="./docs/" class="link-secondary">Documentation</a></li>
+                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
                   <li class="list-inline-item">
@@ -878,7 +882,7 @@
                   </li>
                   <li class="list-inline-item">
                     <a href="./changelog.html" class="link-secondary" rel="noopener">
-                      v1.0.0-beta17
+                      v1.0.0-beta18
                     </a>
                   </li>
                 </ul>
@@ -890,7 +894,7 @@
     </div>
     <!-- Libs JS -->
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1674944402" defer></script>
-    <script src="./dist/js/demo.min.js?1674944402" defer></script>
+    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
+    <script src="./dist/js/demo.min.js?1684072869" defer></script>
   </body>
 </html>

+ 9 - 9
demo/auth-lock.html

@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-beta17
+* @version 1.0.0-beta18
 * @link https://tabler.io
 * Copyright 2018-2023 The Tabler Authors
 * Copyright 2018-2023 codecalm.net Paweł Kuna
@@ -14,11 +14,11 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
     <title>Forgot password - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- CSS files -->
-    <link href="./dist/css/tabler.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1674944402" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
     <style>
       @import url('https://rsms.me/inter/inter.css');
       :root {
@@ -30,7 +30,7 @@
     </style>
   </head>
   <body  class=" d-flex flex-column">
-    <script src="./dist/js/demo-theme.min.js?1674944402"></script>
+    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
     <div class="page page-center">
       <div class="container container-tight py-4">
         <div class="text-center mb-4">
@@ -62,7 +62,7 @@
     </div>
     <!-- Libs JS -->
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1674944402" defer></script>
-    <script src="./dist/js/demo.min.js?1674944402" defer></script>
+    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
+    <script src="./dist/js/demo.min.js?1684072869" defer></script>
   </body>
 </html>

+ 27 - 23
demo/badges.html

@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-beta17
+* @version 1.0.0-beta18
 * @link https://tabler.io
 * Copyright 2018-2023 The Tabler Authors
 * Copyright 2018-2023 codecalm.net Paweł Kuna
@@ -14,11 +14,11 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
     <title>Badges - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- CSS files -->
-    <link href="./dist/css/tabler.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1674944402" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
     <style>
       @import url('https://rsms.me/inter/inter.css');
       :root {
@@ -30,10 +30,10 @@
     </style>
   </head>
   <body >
-    <script src="./dist/js/demo-theme.min.js?1674944402"></script>
+    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
     <div class="page">
       <!-- Navbar -->
-      <header class="navbar navbar-expand-md navbar-light d-print-none">
+      <header class="navbar navbar-expand-md d-print-none" >
         <div class="container-xl">
           <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
@@ -72,7 +72,7 @@
               <div class="nav-item dropdown d-none d-md-flex me-3">
                 <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
                   <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
+                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
                   <span class="badge bg-red"></span>
                 </a>
                 <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
@@ -176,7 +176,7 @@
       </header>
       <header class="navbar-expand-md">
         <div class="collapse navbar-collapse" id="navbar-menu">
-          <div class="navbar navbar-light">
+          <div class="navbar">
             <div class="container-xl">
               <ul class="navbar-nav">
                 <li class="nav-item">
@@ -201,9 +201,6 @@
                   <div class="dropdown-menu">
                     <div class="dropdown-menu-columns">
                       <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./empty.html">
-                          Empty page
-                        </a>
                         <a class="dropdown-item" href="./accordion.html">
                           Accordion
                         </a>
@@ -268,12 +265,12 @@
                         <a class="dropdown-item" href="./charts.html">
                           Charts
                         </a>
-                      </div>
-                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./pagination.html">
                           <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
                           Pagination
                         </a>
+                      </div>
+                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./placeholder.html">
                           Placeholder
                         </a>
@@ -394,6 +391,13 @@
                   <div class="dropdown-menu">
                     <div class="dropdown-menu-columns">
                       <div class="dropdown-menu-column">
+                        <a class="dropdown-item" href="./empty.html">
+                          Empty page
+                        </a>
+                        <a class="dropdown-item" href="./cookie-banner.html">
+                          Cookie banner
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
+                        </a>
                         <a class="dropdown-item" href="./activity.html">
                           Activity
                         </a>
@@ -422,12 +426,12 @@
                         <a class="dropdown-item" href="./license.html">
                           License
                         </a>
+                      </div>
+                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./logs.html">
                           Logs
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
                         </a>
-                      </div>
-                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./music.html">
                           Music
                         </a>
@@ -532,7 +536,7 @@
                       <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
                     </span>
                     <span class="nav-link-title">
-                      3222 icons
+                      4158 icons
                     </span>
                   </a>
                 </li>
@@ -546,7 +550,7 @@
                     </span>
                   </a>
                   <div class="dropdown-menu">
-                    <a class="dropdown-item" href="./docs/">
+                    <a class="dropdown-item" href="https://tabler.io/docs" target="_blank" rel="noopener">
                       Documentation
                     </a>
                     <a class="dropdown-item" href="./changelog.html">
@@ -755,7 +759,7 @@
             <div class="row text-center align-items-center flex-row-reverse">
               <div class="col-lg-auto ms-lg-auto">
                 <ul class="list-inline list-inline-dots mb-0">
-                  <li class="list-inline-item"><a href="./docs/" class="link-secondary">Documentation</a></li>
+                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
                   <li class="list-inline-item">
@@ -776,7 +780,7 @@
                   </li>
                   <li class="list-inline-item">
                     <a href="./changelog.html" class="link-secondary" rel="noopener">
-                      v1.0.0-beta17
+                      v1.0.0-beta18
                     </a>
                   </li>
                 </ul>
@@ -788,7 +792,7 @@
     </div>
     <!-- Libs JS -->
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1674944402" defer></script>
-    <script src="./dist/js/demo.min.js?1674944402" defer></script>
+    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
+    <script src="./dist/js/demo.min.js?1684072869" defer></script>
   </body>
 </html>

+ 27 - 23
demo/blank.html

@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-beta17
+* @version 1.0.0-beta18
 * @link https://tabler.io
 * Copyright 2018-2023 The Tabler Authors
 * Copyright 2018-2023 codecalm.net Paweł Kuna
@@ -14,11 +14,11 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
     <title>Blank page - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- CSS files -->
-    <link href="./dist/css/tabler.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1674944402" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
     <style>
       @import url('https://rsms.me/inter/inter.css');
       :root {
@@ -30,10 +30,10 @@
     </style>
   </head>
   <body >
-    <script src="./dist/js/demo-theme.min.js?1674944402"></script>
+    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
     <div class="page">
       <!-- Navbar -->
-      <header class="navbar navbar-expand-md navbar-light d-print-none">
+      <header class="navbar navbar-expand-md d-print-none" >
         <div class="container-xl">
           <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
@@ -72,7 +72,7 @@
               <div class="nav-item dropdown d-none d-md-flex me-3">
                 <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
                   <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
+                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
                   <span class="badge bg-red"></span>
                 </a>
                 <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
@@ -176,7 +176,7 @@
       </header>
       <header class="navbar-expand-md">
         <div class="collapse navbar-collapse" id="navbar-menu">
-          <div class="navbar navbar-light">
+          <div class="navbar">
             <div class="container-xl">
               <ul class="navbar-nav">
                 <li class="nav-item">
@@ -201,9 +201,6 @@
                   <div class="dropdown-menu">
                     <div class="dropdown-menu-columns">
                       <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./empty.html">
-                          Empty page
-                        </a>
                         <a class="dropdown-item" href="./accordion.html">
                           Accordion
                         </a>
@@ -268,12 +265,12 @@
                         <a class="dropdown-item" href="./charts.html">
                           Charts
                         </a>
-                      </div>
-                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./pagination.html">
                           <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
                           Pagination
                         </a>
+                      </div>
+                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./placeholder.html">
                           Placeholder
                         </a>
@@ -394,6 +391,13 @@
                   <div class="dropdown-menu">
                     <div class="dropdown-menu-columns">
                       <div class="dropdown-menu-column">
+                        <a class="dropdown-item" href="./empty.html">
+                          Empty page
+                        </a>
+                        <a class="dropdown-item" href="./cookie-banner.html">
+                          Cookie banner
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
+                        </a>
                         <a class="dropdown-item" href="./activity.html">
                           Activity
                         </a>
@@ -422,12 +426,12 @@
                         <a class="dropdown-item" href="./license.html">
                           License
                         </a>
+                      </div>
+                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./logs.html">
                           Logs
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
                         </a>
-                      </div>
-                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./music.html">
                           Music
                         </a>
@@ -532,7 +536,7 @@
                       <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
                     </span>
                     <span class="nav-link-title">
-                      3222 icons
+                      4158 icons
                     </span>
                   </a>
                 </li>
@@ -546,7 +550,7 @@
                     </span>
                   </a>
                   <div class="dropdown-menu">
-                    <a class="dropdown-item" href="./docs/">
+                    <a class="dropdown-item" href="https://tabler.io/docs" target="_blank" rel="noopener">
                       Documentation
                     </a>
                     <a class="dropdown-item" href="./changelog.html">
@@ -604,7 +608,7 @@
             <div class="row text-center align-items-center flex-row-reverse">
               <div class="col-lg-auto ms-lg-auto">
                 <ul class="list-inline list-inline-dots mb-0">
-                  <li class="list-inline-item"><a href="./docs/" class="link-secondary">Documentation</a></li>
+                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
                   <li class="list-inline-item">
@@ -625,7 +629,7 @@
                   </li>
                   <li class="list-inline-item">
                     <a href="./changelog.html" class="link-secondary" rel="noopener">
-                      v1.0.0-beta17
+                      v1.0.0-beta18
                     </a>
                   </li>
                 </ul>
@@ -637,7 +641,7 @@
     </div>
     <!-- Libs JS -->
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1674944402" defer></script>
-    <script src="./dist/js/demo.min.js?1674944402" defer></script>
+    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
+    <script src="./dist/js/demo.min.js?1684072869" defer></script>
   </body>
 </html>

+ 31 - 27
demo/buttons.html

@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-beta17
+* @version 1.0.0-beta18
 * @link https://tabler.io
 * Copyright 2018-2023 The Tabler Authors
 * Copyright 2018-2023 codecalm.net Paweł Kuna
@@ -14,11 +14,11 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
     <title>Buttons - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- CSS files -->
-    <link href="./dist/css/tabler.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1674944402" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
     <style>
       @import url('https://rsms.me/inter/inter.css');
       :root {
@@ -30,10 +30,10 @@
     </style>
   </head>
   <body >
-    <script src="./dist/js/demo-theme.min.js?1674944402"></script>
+    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
     <div class="page">
       <!-- Navbar -->
-      <header class="navbar navbar-expand-md navbar-light d-print-none">
+      <header class="navbar navbar-expand-md d-print-none" >
         <div class="container-xl">
           <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
@@ -72,7 +72,7 @@
               <div class="nav-item dropdown d-none d-md-flex me-3">
                 <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
                   <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
+                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
                   <span class="badge bg-red"></span>
                 </a>
                 <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
@@ -176,7 +176,7 @@
       </header>
       <header class="navbar-expand-md">
         <div class="collapse navbar-collapse" id="navbar-menu">
-          <div class="navbar navbar-light">
+          <div class="navbar">
             <div class="container-xl">
               <ul class="navbar-nav">
                 <li class="nav-item">
@@ -201,9 +201,6 @@
                   <div class="dropdown-menu">
                     <div class="dropdown-menu-columns">
                       <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./empty.html">
-                          Empty page
-                        </a>
                         <a class="dropdown-item" href="./accordion.html">
                           Accordion
                         </a>
@@ -268,12 +265,12 @@
                         <a class="dropdown-item" href="./charts.html">
                           Charts
                         </a>
-                      </div>
-                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./pagination.html">
                           <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
                           Pagination
                         </a>
+                      </div>
+                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./placeholder.html">
                           Placeholder
                         </a>
@@ -394,6 +391,13 @@
                   <div class="dropdown-menu">
                     <div class="dropdown-menu-columns">
                       <div class="dropdown-menu-column">
+                        <a class="dropdown-item" href="./empty.html">
+                          Empty page
+                        </a>
+                        <a class="dropdown-item" href="./cookie-banner.html">
+                          Cookie banner
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
+                        </a>
                         <a class="dropdown-item" href="./activity.html">
                           Activity
                         </a>
@@ -422,12 +426,12 @@
                         <a class="dropdown-item" href="./license.html">
                           License
                         </a>
+                      </div>
+                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./logs.html">
                           Logs
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
                         </a>
-                      </div>
-                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./music.html">
                           Music
                         </a>
@@ -532,7 +536,7 @@
                       <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
                     </span>
                     <span class="nav-link-title">
-                      3222 icons
+                      4158 icons
                     </span>
                   </a>
                 </li>
@@ -546,7 +550,7 @@
                     </span>
                   </a>
                   <div class="dropdown-menu">
-                    <a class="dropdown-item" href="./docs/">
+                    <a class="dropdown-item" href="https://tabler.io/docs" target="_blank" rel="noopener">
                       Documentation
                     </a>
                     <a class="dropdown-item" href="./changelog.html">
@@ -1244,7 +1248,7 @@
                       <div class="col-6 col-sm-4 col-md-2 col-xl-auto py-3">
                         <a href="#" class="btn btn-instagram w-100 btn-icon" aria-label="Instagram">
                           <!-- Download SVG icon from http://tabler-icons.io/i/brand-instagram -->
-                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 4m0 4a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z" /><path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" /><path d="M16.5 7.5l0 0" /></svg>
+                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 4m0 4a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z" /><path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" /><path d="M16.5 7.5l0 .01" /></svg>
                         </a>
                       </div>
                       <div class="col-6 col-sm-4 col-md-2 col-xl-auto py-3">
@@ -1274,7 +1278,7 @@
                       <div class="col-6 col-sm-4 col-md-2 col-xl-auto py-3">
                         <a href="#" class="btn btn-bitbucket w-100 btn-icon" aria-label="Bitbucket">
                           <!-- Download SVG icon from http://tabler-icons.io/i/brand-bitbucket -->
-                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3.648 4a0.64 .64 0 0 0 -.64 .744l3.14 14.528c.07 .417 .43 .724 .852 .728h10a0.644 .644 0 0 0 .642 -.539l3.35 -14.71a0.641 .641 0 0 0 -.64 -.744l-16.704 -.007z" /><path d="M14 15h-4l-1 -6h6z" /></svg>
+                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3.648 4a.64 .64 0 0 0 -.64 .744l3.14 14.528c.07 .417 .43 .724 .852 .728h10a.644 .644 0 0 0 .642 -.539l3.35 -14.71a.641 .641 0 0 0 -.64 -.744l-16.704 -.007z" /><path d="M14 15h-4l-1 -6h6z" /></svg>
                         </a>
                       </div>
                       <div class="col-6 col-sm-4 col-md-2 col-xl-auto py-3">
@@ -1346,7 +1350,7 @@
                       <div class="col-6 col-sm-4 col-md-2 col-xl-auto py-3">
                         <a href="#" class="btn btn-instagram w-100">
                           <!-- Download SVG icon from http://tabler-icons.io/i/brand-instagram -->
-                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 4m0 4a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z" /><path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" /><path d="M16.5 7.5l0 0" /></svg>
+                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 4m0 4a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z" /><path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" /><path d="M16.5 7.5l0 .01" /></svg>
                           Instagram
                         </a>
                       </div>
@@ -1381,7 +1385,7 @@
                       <div class="col-6 col-sm-4 col-md-2 col-xl-auto py-3">
                         <a href="#" class="btn btn-bitbucket w-100">
                           <!-- Download SVG icon from http://tabler-icons.io/i/brand-bitbucket -->
-                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3.648 4a0.64 .64 0 0 0 -.64 .744l3.14 14.528c.07 .417 .43 .724 .852 .728h10a0.644 .644 0 0 0 .642 -.539l3.35 -14.71a0.641 .641 0 0 0 -.64 -.744l-16.704 -.007z" /><path d="M14 15h-4l-1 -6h6z" /></svg>
+                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3.648 4a.64 .64 0 0 0 -.64 .744l3.14 14.528c.07 .417 .43 .724 .852 .728h10a.644 .644 0 0 0 .642 -.539l3.35 -14.71a.641 .641 0 0 0 -.64 -.744l-16.704 -.007z" /><path d="M14 15h-4l-1 -6h6z" /></svg>
                           Bitbucket
                         </a>
                       </div>
@@ -1404,7 +1408,7 @@
             <div class="row text-center align-items-center flex-row-reverse">
               <div class="col-lg-auto ms-lg-auto">
                 <ul class="list-inline list-inline-dots mb-0">
-                  <li class="list-inline-item"><a href="./docs/" class="link-secondary">Documentation</a></li>
+                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
                   <li class="list-inline-item">
@@ -1425,7 +1429,7 @@
                   </li>
                   <li class="list-inline-item">
                     <a href="./changelog.html" class="link-secondary" rel="noopener">
-                      v1.0.0-beta17
+                      v1.0.0-beta18
                     </a>
                   </li>
                 </ul>
@@ -1437,7 +1441,7 @@
     </div>
     <!-- Libs JS -->
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1674944402" defer></script>
-    <script src="./dist/js/demo.min.js?1674944402" defer></script>
+    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
+    <script src="./dist/js/demo.min.js?1684072869" defer></script>
   </body>
 </html>

+ 29 - 25
demo/card-actions.html

@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-beta17
+* @version 1.0.0-beta18
 * @link https://tabler.io
 * Copyright 2018-2023 The Tabler Authors
 * Copyright 2018-2023 codecalm.net Paweł Kuna
@@ -14,11 +14,11 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
     <title>Card actions - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- CSS files -->
-    <link href="./dist/css/tabler.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1674944402" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
     <style>
       @import url('https://rsms.me/inter/inter.css');
       :root {
@@ -30,10 +30,10 @@
     </style>
   </head>
   <body >
-    <script src="./dist/js/demo-theme.min.js?1674944402"></script>
+    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
     <div class="page">
       <!-- Navbar -->
-      <header class="navbar navbar-expand-md navbar-light d-print-none">
+      <header class="navbar navbar-expand-md d-print-none" >
         <div class="container-xl">
           <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
@@ -72,7 +72,7 @@
               <div class="nav-item dropdown d-none d-md-flex me-3">
                 <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
                   <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
+                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
                   <span class="badge bg-red"></span>
                 </a>
                 <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
@@ -176,7 +176,7 @@
       </header>
       <header class="navbar-expand-md">
         <div class="collapse navbar-collapse" id="navbar-menu">
-          <div class="navbar navbar-light">
+          <div class="navbar">
             <div class="container-xl">
               <ul class="navbar-nav">
                 <li class="nav-item">
@@ -201,9 +201,6 @@
                   <div class="dropdown-menu">
                     <div class="dropdown-menu-columns">
                       <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./empty.html">
-                          Empty page
-                        </a>
                         <a class="dropdown-item" href="./accordion.html">
                           Accordion
                         </a>
@@ -268,12 +265,12 @@
                         <a class="dropdown-item" href="./charts.html">
                           Charts
                         </a>
-                      </div>
-                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./pagination.html">
                           <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
                           Pagination
                         </a>
+                      </div>
+                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./placeholder.html">
                           Placeholder
                         </a>
@@ -394,6 +391,13 @@
                   <div class="dropdown-menu">
                     <div class="dropdown-menu-columns">
                       <div class="dropdown-menu-column">
+                        <a class="dropdown-item" href="./empty.html">
+                          Empty page
+                        </a>
+                        <a class="dropdown-item" href="./cookie-banner.html">
+                          Cookie banner
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
+                        </a>
                         <a class="dropdown-item" href="./activity.html">
                           Activity
                         </a>
@@ -422,12 +426,12 @@
                         <a class="dropdown-item" href="./license.html">
                           License
                         </a>
+                      </div>
+                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./logs.html">
                           Logs
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
                         </a>
-                      </div>
-                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./music.html">
                           Music
                         </a>
@@ -532,7 +536,7 @@
                       <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
                     </span>
                     <span class="nav-link-title">
-                      3222 icons
+                      4158 icons
                     </span>
                   </a>
                 </li>
@@ -546,7 +550,7 @@
                     </span>
                   </a>
                   <div class="dropdown-menu">
-                    <a class="dropdown-item" href="./docs/">
+                    <a class="dropdown-item" href="https://tabler.io/docs" target="_blank" rel="noopener">
                       Documentation
                     </a>
                     <a class="dropdown-item" href="./changelog.html">
@@ -640,7 +644,7 @@
                       </a>
                       <a href="#" class="btn">
                         <!-- Download SVG icon from http://tabler-icons.io/i/mail -->
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 5m0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z" /><path d="M3 7l9 6l9 -6" /></svg>
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z" /><path d="M3 7l9 6l9 -6" /></svg>
                         Email
                       </a>
                     </div>
@@ -675,7 +679,7 @@
                       </a>
                       <a href="#" class="btn">
                         <!-- Download SVG icon from http://tabler-icons.io/i/mail -->
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 5m0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z" /><path d="M3 7l9 6l9 -6" /></svg>
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z" /><path d="M3 7l9 6l9 -6" /></svg>
                         Email
                       </a>
                     </div>
@@ -803,7 +807,7 @@
             <div class="row text-center align-items-center flex-row-reverse">
               <div class="col-lg-auto ms-lg-auto">
                 <ul class="list-inline list-inline-dots mb-0">
-                  <li class="list-inline-item"><a href="./docs/" class="link-secondary">Documentation</a></li>
+                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
                   <li class="list-inline-item">
@@ -824,7 +828,7 @@
                   </li>
                   <li class="list-inline-item">
                     <a href="./changelog.html" class="link-secondary" rel="noopener">
-                      v1.0.0-beta17
+                      v1.0.0-beta18
                     </a>
                   </li>
                 </ul>
@@ -836,7 +840,7 @@
     </div>
     <!-- Libs JS -->
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1674944402" defer></script>
-    <script src="./dist/js/demo.min.js?1674944402" defer></script>
+    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
+    <script src="./dist/js/demo.min.js?1684072869" defer></script>
   </body>
 </html>

+ 27 - 23
demo/cards-masonry.html

@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-beta17
+* @version 1.0.0-beta18
 * @link https://tabler.io
 * Copyright 2018-2023 The Tabler Authors
 * Copyright 2018-2023 codecalm.net Paweł Kuna
@@ -14,11 +14,11 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
     <title>Cards Masonry - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- CSS files -->
-    <link href="./dist/css/tabler.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1674944402" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
     <style>
       @import url('https://rsms.me/inter/inter.css');
       :root {
@@ -30,10 +30,10 @@
     </style>
   </head>
   <body >
-    <script src="./dist/js/demo-theme.min.js?1674944402"></script>
+    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
     <div class="page">
       <!-- Navbar -->
-      <header class="navbar navbar-expand-md navbar-light d-print-none">
+      <header class="navbar navbar-expand-md d-print-none" >
         <div class="container-xl">
           <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
@@ -72,7 +72,7 @@
               <div class="nav-item dropdown d-none d-md-flex me-3">
                 <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
                   <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
+                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
                   <span class="badge bg-red"></span>
                 </a>
                 <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
@@ -176,7 +176,7 @@
       </header>
       <header class="navbar-expand-md">
         <div class="collapse navbar-collapse" id="navbar-menu">
-          <div class="navbar navbar-light">
+          <div class="navbar">
             <div class="container-xl">
               <ul class="navbar-nav">
                 <li class="nav-item">
@@ -201,9 +201,6 @@
                   <div class="dropdown-menu">
                     <div class="dropdown-menu-columns">
                       <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./empty.html">
-                          Empty page
-                        </a>
                         <a class="dropdown-item" href="./accordion.html">
                           Accordion
                         </a>
@@ -268,12 +265,12 @@
                         <a class="dropdown-item" href="./charts.html">
                           Charts
                         </a>
-                      </div>
-                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./pagination.html">
                           <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
                           Pagination
                         </a>
+                      </div>
+                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./placeholder.html">
                           Placeholder
                         </a>
@@ -394,6 +391,13 @@
                   <div class="dropdown-menu">
                     <div class="dropdown-menu-columns">
                       <div class="dropdown-menu-column">
+                        <a class="dropdown-item" href="./empty.html">
+                          Empty page
+                        </a>
+                        <a class="dropdown-item" href="./cookie-banner.html">
+                          Cookie banner
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
+                        </a>
                         <a class="dropdown-item" href="./activity.html">
                           Activity
                         </a>
@@ -422,12 +426,12 @@
                         <a class="dropdown-item" href="./license.html">
                           License
                         </a>
+                      </div>
+                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./logs.html">
                           Logs
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
                         </a>
-                      </div>
-                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./music.html">
                           Music
                         </a>
@@ -532,7 +536,7 @@
                       <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
                     </span>
                     <span class="nav-link-title">
-                      3222 icons
+                      4158 icons
                     </span>
                   </a>
                 </li>
@@ -546,7 +550,7 @@
                     </span>
                   </a>
                   <div class="dropdown-menu">
-                    <a class="dropdown-item" href="./docs/">
+                    <a class="dropdown-item" href="https://tabler.io/docs" target="_blank" rel="noopener">
                       Documentation
                     </a>
                     <a class="dropdown-item" href="./changelog.html">
@@ -743,7 +747,7 @@
             <div class="row text-center align-items-center flex-row-reverse">
               <div class="col-lg-auto ms-lg-auto">
                 <ul class="list-inline list-inline-dots mb-0">
-                  <li class="list-inline-item"><a href="./docs/" class="link-secondary">Documentation</a></li>
+                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
                   <li class="list-inline-item">
@@ -764,7 +768,7 @@
                   </li>
                   <li class="list-inline-item">
                     <a href="./changelog.html" class="link-secondary" rel="noopener">
-                      v1.0.0-beta17
+                      v1.0.0-beta18
                     </a>
                   </li>
                 </ul>
@@ -777,7 +781,7 @@
     <!-- Libs JS -->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.2/masonry.pkgd.min.js" defer></script>
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1674944402" defer></script>
-    <script src="./dist/js/demo.min.js?1674944402" defer></script>
+    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
+    <script src="./dist/js/demo.min.js?1684072869" defer></script>
   </body>
 </html>

+ 30 - 26
demo/cards.html

@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-beta17
+* @version 1.0.0-beta18
 * @link https://tabler.io
 * Copyright 2018-2023 The Tabler Authors
 * Copyright 2018-2023 codecalm.net Paweł Kuna
@@ -14,11 +14,11 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
     <title>Cards - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- CSS files -->
-    <link href="./dist/css/tabler.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1674944402" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
     <style>
       @import url('https://rsms.me/inter/inter.css');
       :root {
@@ -30,10 +30,10 @@
     </style>
   </head>
   <body >
-    <script src="./dist/js/demo-theme.min.js?1674944402"></script>
+    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
     <div class="page">
       <!-- Navbar -->
-      <header class="navbar navbar-expand-md navbar-light d-print-none">
+      <header class="navbar navbar-expand-md d-print-none" >
         <div class="container-xl">
           <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
@@ -72,7 +72,7 @@
               <div class="nav-item dropdown d-none d-md-flex me-3">
                 <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
                   <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
+                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
                   <span class="badge bg-red"></span>
                 </a>
                 <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
@@ -176,7 +176,7 @@
       </header>
       <header class="navbar-expand-md">
         <div class="collapse navbar-collapse" id="navbar-menu">
-          <div class="navbar navbar-light">
+          <div class="navbar">
             <div class="container-xl">
               <ul class="navbar-nav">
                 <li class="nav-item">
@@ -201,9 +201,6 @@
                   <div class="dropdown-menu">
                     <div class="dropdown-menu-columns">
                       <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./empty.html">
-                          Empty page
-                        </a>
                         <a class="dropdown-item" href="./accordion.html">
                           Accordion
                         </a>
@@ -268,12 +265,12 @@
                         <a class="dropdown-item" href="./charts.html">
                           Charts
                         </a>
-                      </div>
-                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./pagination.html">
                           <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
                           Pagination
                         </a>
+                      </div>
+                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./placeholder.html">
                           Placeholder
                         </a>
@@ -394,6 +391,13 @@
                   <div class="dropdown-menu">
                     <div class="dropdown-menu-columns">
                       <div class="dropdown-menu-column">
+                        <a class="dropdown-item" href="./empty.html">
+                          Empty page
+                        </a>
+                        <a class="dropdown-item" href="./cookie-banner.html">
+                          Cookie banner
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
+                        </a>
                         <a class="dropdown-item" href="./activity.html">
                           Activity
                         </a>
@@ -422,12 +426,12 @@
                         <a class="dropdown-item" href="./license.html">
                           License
                         </a>
+                      </div>
+                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./logs.html">
                           Logs
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
                         </a>
-                      </div>
-                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./music.html">
                           Music
                         </a>
@@ -532,7 +536,7 @@
                       <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
                     </span>
                     <span class="nav-link-title">
-                      3222 icons
+                      4158 icons
                     </span>
                   </a>
                 </li>
@@ -546,7 +550,7 @@
                     </span>
                   </a>
                   <div class="dropdown-menu">
-                    <a class="dropdown-item" href="./docs/">
+                    <a class="dropdown-item" href="https://tabler.io/docs" target="_blank" rel="noopener">
                       Documentation
                     </a>
                     <a class="dropdown-item" href="./changelog.html">
@@ -673,7 +677,7 @@
                   <div class="card-stamp">
                     <div class="card-stamp-icon bg-yellow">
                       <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
-                      <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
+                      <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
                     </div>
                   </div>
                   <div class="card-body">
@@ -956,7 +960,7 @@
                       <li class="nav-item ms-auto">
                         <a class="nav-link" href="#">
                           <!-- Download SVG icon from http://tabler-icons.io/i/settings -->
-                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" /></svg>
+                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><path d="M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" /></svg>
                         </a>
                       </li>
                     </ul>
@@ -991,7 +995,7 @@
                       <li class="nav-item ms-auto">
                         <a class="nav-link" href="#">
                           <!-- Download SVG icon from http://tabler-icons.io/i/settings -->
-                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" /></svg>
+                          <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" /><path d="M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" /></svg>
                         </a>
                       </li>
                     </ul>
@@ -1321,7 +1325,7 @@
             <div class="row text-center align-items-center flex-row-reverse">
               <div class="col-lg-auto ms-lg-auto">
                 <ul class="list-inline list-inline-dots mb-0">
-                  <li class="list-inline-item"><a href="./docs/" class="link-secondary">Documentation</a></li>
+                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
                   <li class="list-inline-item">
@@ -1342,7 +1346,7 @@
                   </li>
                   <li class="list-inline-item">
                     <a href="./changelog.html" class="link-secondary" rel="noopener">
-                      v1.0.0-beta17
+                      v1.0.0-beta18
                     </a>
                   </li>
                 </ul>
@@ -1354,7 +1358,7 @@
     </div>
     <!-- Libs JS -->
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1674944402" defer></script>
-    <script src="./dist/js/demo.min.js?1674944402" defer></script>
+    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
+    <script src="./dist/js/demo.min.js?1684072869" defer></script>
   </body>
 </html>

+ 27 - 23
demo/carousel.html

@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-beta17
+* @version 1.0.0-beta18
 * @link https://tabler.io
 * Copyright 2018-2023 The Tabler Authors
 * Copyright 2018-2023 codecalm.net Paweł Kuna
@@ -14,11 +14,11 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
     <title>Carousel - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- CSS files -->
-    <link href="./dist/css/tabler.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1674944402" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1674944402" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/tabler-vendors.min.css?1684072869" rel="stylesheet"/>
+    <link href="./dist/css/demo.min.css?1684072869" rel="stylesheet"/>
     <style>
       @import url('https://rsms.me/inter/inter.css');
       :root {
@@ -30,10 +30,10 @@
     </style>
   </head>
   <body >
-    <script src="./dist/js/demo-theme.min.js?1674944402"></script>
+    <script src="./dist/js/demo-theme.min.js?1684072869"></script>
     <div class="page">
       <!-- Navbar -->
-      <header class="navbar navbar-expand-md navbar-light d-print-none">
+      <header class="navbar navbar-expand-md d-print-none" >
         <div class="container-xl">
           <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
@@ -72,7 +72,7 @@
               <div class="nav-item dropdown d-none d-md-flex me-3">
                 <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
                   <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
-                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
+                  <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
                   <span class="badge bg-red"></span>
                 </a>
                 <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
@@ -176,7 +176,7 @@
       </header>
       <header class="navbar-expand-md">
         <div class="collapse navbar-collapse" id="navbar-menu">
-          <div class="navbar navbar-light">
+          <div class="navbar">
             <div class="container-xl">
               <ul class="navbar-nav">
                 <li class="nav-item">
@@ -201,9 +201,6 @@
                   <div class="dropdown-menu">
                     <div class="dropdown-menu-columns">
                       <div class="dropdown-menu-column">
-                        <a class="dropdown-item" href="./empty.html">
-                          Empty page
-                        </a>
                         <a class="dropdown-item" href="./accordion.html">
                           Accordion
                         </a>
@@ -268,12 +265,12 @@
                         <a class="dropdown-item" href="./charts.html">
                           Charts
                         </a>
-                      </div>
-                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./pagination.html">
                           <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
                           Pagination
                         </a>
+                      </div>
+                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./placeholder.html">
                           Placeholder
                         </a>
@@ -394,6 +391,13 @@
                   <div class="dropdown-menu">
                     <div class="dropdown-menu-columns">
                       <div class="dropdown-menu-column">
+                        <a class="dropdown-item" href="./empty.html">
+                          Empty page
+                        </a>
+                        <a class="dropdown-item" href="./cookie-banner.html">
+                          Cookie banner
+                          <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
+                        </a>
                         <a class="dropdown-item" href="./activity.html">
                           Activity
                         </a>
@@ -422,12 +426,12 @@
                         <a class="dropdown-item" href="./license.html">
                           License
                         </a>
+                      </div>
+                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./logs.html">
                           Logs
                           <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
                         </a>
-                      </div>
-                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./music.html">
                           Music
                         </a>
@@ -532,7 +536,7 @@
                       <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
                     </span>
                     <span class="nav-link-title">
-                      3222 icons
+                      4158 icons
                     </span>
                   </a>
                 </li>
@@ -546,7 +550,7 @@
                     </span>
                   </a>
                   <div class="dropdown-menu">
-                    <a class="dropdown-item" href="./docs/">
+                    <a class="dropdown-item" href="https://tabler.io/docs" target="_blank" rel="noopener">
                       Documentation
                     </a>
                     <a class="dropdown-item" href="./changelog.html">
@@ -903,7 +907,7 @@
             <div class="row text-center align-items-center flex-row-reverse">
               <div class="col-lg-auto ms-lg-auto">
                 <ul class="list-inline list-inline-dots mb-0">
-                  <li class="list-inline-item"><a href="./docs/" class="link-secondary">Documentation</a></li>
+                  <li class="list-inline-item"><a href="https://tabler.io/docs" class="link-secondary">Documentation</a></li>
                   <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
                   <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
                   <li class="list-inline-item">
@@ -924,7 +928,7 @@
                   </li>
                   <li class="list-inline-item">
                     <a href="./changelog.html" class="link-secondary" rel="noopener">
-                      v1.0.0-beta17
+                      v1.0.0-beta18
                     </a>
                   </li>
                 </ul>
@@ -936,7 +940,7 @@
     </div>
     <!-- Libs JS -->
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1674944402" defer></script>
-    <script src="./dist/js/demo.min.js?1674944402" defer></script>
+    <script src="./dist/js/tabler.min.js?1684072869" defer></script>
+    <script src="./dist/js/demo.min.js?1684072869" defer></script>
   </body>
 </html>

Некоторые файлы не были показаны из-за большого количества измененных файлов