Browse Source

Update `bootstrap` to v5.3.0 (#1272)

Paweł Kuna 2 years ago
parent
commit
1d12b7979a

+ 1 - 1
.github/workflows/bundlewatch.yml

@@ -32,7 +32,7 @@ jobs:
           bundler-cache: true
           bundler-cache: true
 
 
       - name: Install npm dependencies
       - name: Install npm dependencies
-        run: npm ci
+        run: npm install
 
 
       - name: Run build
       - name: Run build
         run: npm run build
         run: npm run build

+ 1 - 1
.github/workflows/test.yml

@@ -33,7 +33,7 @@ jobs:
       - run: node --version
       - run: node --version
 
 
       - name: Install npm dependencies
       - name: Install npm dependencies
-        run: npm ci
+        run: npm install
 
 
       - name: Build
       - name: Build
         run: npm run build
         run: npm run build

+ 17 - 11
demo/accordion.html

@@ -14,20 +14,23 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
     <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>
     <title>Accordion - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- CSS files -->
     <!-- CSS files -->
-    <link href="./dist/css/tabler.min.css?1668287865" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1668287865" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1668287865" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1668287865" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1669759017" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1669759017" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1669759017" rel="stylesheet"/>
+    <link href="./dist/css/tabler-vendors.min.css?1669759017" rel="stylesheet"/>
+    <link href="./dist/css/demo.min.css?1669759017" rel="stylesheet"/>
     <style>
     <style>
       @import url('https://rsms.me/inter/inter.css');
       @import url('https://rsms.me/inter/inter.css');
       :root {
       :root {
-      	--tblr-font-sans-serif: Inter, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
+      	--tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
+      }
+      body {
+      	font-feature-settings: "cv03", "cv04", "cv11";
       }
       }
     </style>
     </style>
   </head>
   </head>
   <body >
   <body >
-    <script src="./dist/js/demo-theme.min.js?1668287865"></script>
+    <script src="./dist/js/demo-theme.min.js?1669759017"></script>
     <div class="page">
     <div class="page">
       <!-- Navbar -->
       <!-- Navbar -->
       <header class="navbar navbar-expand-md navbar-light d-print-none">
       <header class="navbar navbar-expand-md navbar-light d-print-none">
@@ -161,7 +164,7 @@
               </a>
               </a>
               <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
               <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
                 <a href="#" class="dropdown-item">Status</a>
                 <a href="#" class="dropdown-item">Status</a>
-                <a href="#" class="dropdown-item">Profile</a>
+                <a href="./profile.html" class="dropdown-item">Profile</a>
                 <a href="#" class="dropdown-item">Feedback</a>
                 <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
                 <div class="dropdown-divider"></div>
                 <a href="./settings.html" class="dropdown-item">Settings</a>
                 <a href="./settings.html" class="dropdown-item">Settings</a>
@@ -324,6 +327,9 @@
                             <a href="./sign-in.html" class="dropdown-item">
                             <a href="./sign-in.html" class="dropdown-item">
                               Sign in
                               Sign in
                             </a>
                             </a>
+                            <a href="./sign-in-link.html" class="dropdown-item">
+                              Sign in link
+                            </a>
                             <a href="./sign-in-illustration.html" class="dropdown-item">
                             <a href="./sign-in-illustration.html" class="dropdown-item">
                               Sign in with illustration
                               Sign in with illustration
                             </a>
                             </a>
@@ -518,7 +524,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" /><line x1="10" y1="10" x2="10.01" y2="10" /><line x1="14" y1="10" x2="14.01" y2="10" /><path d="M10 14a3.5 3.5 0 0 0 4 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="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" /><line x1="10" y1="10" x2="10.01" y2="10" /><line x1="14" y1="10" x2="14.01" y2="10" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
                     </span>
                     </span>
                     <span class="nav-link-title">
                     <span class="nav-link-title">
-                      2979 icons
+                      3036 icons
                     </span>
                     </span>
                   </a>
                   </a>
                 </li>
                 </li>
@@ -674,7 +680,7 @@
     </div>
     </div>
     <!-- Libs JS -->
     <!-- Libs JS -->
     <!-- Tabler Core -->
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1668287865" defer></script>
-    <script src="./dist/js/demo.min.js?1668287865" defer></script>
+    <script src="./dist/js/tabler.min.js?1669759017" defer></script>
+    <script src="./dist/js/demo.min.js?1669759017" defer></script>
   </body>
   </body>
 </html>
 </html>

+ 17 - 11
demo/activity.html

@@ -14,20 +14,23 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
     <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>
     <title>Activity - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- CSS files -->
     <!-- CSS files -->
-    <link href="./dist/css/tabler.min.css?1668287865" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1668287865" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1668287865" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1668287865" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1669759017" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1669759017" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1669759017" rel="stylesheet"/>
+    <link href="./dist/css/tabler-vendors.min.css?1669759017" rel="stylesheet"/>
+    <link href="./dist/css/demo.min.css?1669759017" rel="stylesheet"/>
     <style>
     <style>
       @import url('https://rsms.me/inter/inter.css');
       @import url('https://rsms.me/inter/inter.css');
       :root {
       :root {
-      	--tblr-font-sans-serif: Inter, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
+      	--tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
+      }
+      body {
+      	font-feature-settings: "cv03", "cv04", "cv11";
       }
       }
     </style>
     </style>
   </head>
   </head>
   <body >
   <body >
-    <script src="./dist/js/demo-theme.min.js?1668287865"></script>
+    <script src="./dist/js/demo-theme.min.js?1669759017"></script>
     <div class="page">
     <div class="page">
       <!-- Navbar -->
       <!-- Navbar -->
       <header class="navbar navbar-expand-md navbar-light d-print-none">
       <header class="navbar navbar-expand-md navbar-light d-print-none">
@@ -161,7 +164,7 @@
               </a>
               </a>
               <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
               <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
                 <a href="#" class="dropdown-item">Status</a>
                 <a href="#" class="dropdown-item">Status</a>
-                <a href="#" class="dropdown-item">Profile</a>
+                <a href="./profile.html" class="dropdown-item">Profile</a>
                 <a href="#" class="dropdown-item">Feedback</a>
                 <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
                 <div class="dropdown-divider"></div>
                 <a href="./settings.html" class="dropdown-item">Settings</a>
                 <a href="./settings.html" class="dropdown-item">Settings</a>
@@ -324,6 +327,9 @@
                             <a href="./sign-in.html" class="dropdown-item">
                             <a href="./sign-in.html" class="dropdown-item">
                               Sign in
                               Sign in
                             </a>
                             </a>
+                            <a href="./sign-in-link.html" class="dropdown-item">
+                              Sign in link
+                            </a>
                             <a href="./sign-in-illustration.html" class="dropdown-item">
                             <a href="./sign-in-illustration.html" class="dropdown-item">
                               Sign in with illustration
                               Sign in with illustration
                             </a>
                             </a>
@@ -518,7 +524,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" /><line x1="10" y1="10" x2="10.01" y2="10" /><line x1="14" y1="10" x2="14.01" y2="10" /><path d="M10 14a3.5 3.5 0 0 0 4 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="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" /><line x1="10" y1="10" x2="10.01" y2="10" /><line x1="14" y1="10" x2="14.01" y2="10" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
                     </span>
                     </span>
                     <span class="nav-link-title">
                     <span class="nav-link-title">
-                      2979 icons
+                      3036 icons
                     </span>
                     </span>
                   </a>
                   </a>
                 </li>
                 </li>
@@ -876,7 +882,7 @@
     </div>
     </div>
     <!-- Libs JS -->
     <!-- Libs JS -->
     <!-- Tabler Core -->
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1668287865" defer></script>
-    <script src="./dist/js/demo.min.js?1668287865" defer></script>
+    <script src="./dist/js/tabler.min.js?1669759017" defer></script>
+    <script src="./dist/js/demo.min.js?1669759017" defer></script>
   </body>
   </body>
 </html>
 </html>

+ 12 - 9
demo/auth-lock.html

@@ -14,20 +14,23 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
     <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>
     <title>Forgot password - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- CSS files -->
     <!-- CSS files -->
-    <link href="./dist/css/tabler.min.css?1668287865" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1668287865" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1668287865" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1668287865" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1669759017" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1669759017" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1669759017" rel="stylesheet"/>
+    <link href="./dist/css/tabler-vendors.min.css?1669759017" rel="stylesheet"/>
+    <link href="./dist/css/demo.min.css?1669759017" rel="stylesheet"/>
     <style>
     <style>
       @import url('https://rsms.me/inter/inter.css');
       @import url('https://rsms.me/inter/inter.css');
       :root {
       :root {
-      	--tblr-font-sans-serif: Inter, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
+      	--tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
+      }
+      body {
+      	font-feature-settings: "cv03", "cv04", "cv11";
       }
       }
     </style>
     </style>
   </head>
   </head>
   <body  class=" border-top-wide border-primary d-flex flex-column">
   <body  class=" border-top-wide border-primary d-flex flex-column">
-    <script src="./dist/js/demo-theme.min.js?1668287865"></script>
+    <script src="./dist/js/demo-theme.min.js?1669759017"></script>
     <div class="page page-center">
     <div class="page page-center">
       <div class="container container-tight py-4">
       <div class="container container-tight py-4">
         <div class="text-center mb-4">
         <div class="text-center mb-4">
@@ -59,7 +62,7 @@
     </div>
     </div>
     <!-- Libs JS -->
     <!-- Libs JS -->
     <!-- Tabler Core -->
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1668287865" defer></script>
-    <script src="./dist/js/demo.min.js?1668287865" defer></script>
+    <script src="./dist/js/tabler.min.js?1669759017" defer></script>
+    <script src="./dist/js/demo.min.js?1669759017" defer></script>
   </body>
   </body>
 </html>
 </html>

+ 17 - 11
demo/badges.html

@@ -14,20 +14,23 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
     <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>
     <title>Badges - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- CSS files -->
     <!-- CSS files -->
-    <link href="./dist/css/tabler.min.css?1668287865" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1668287865" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1668287865" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1668287865" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1669759017" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1669759017" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1669759017" rel="stylesheet"/>
+    <link href="./dist/css/tabler-vendors.min.css?1669759017" rel="stylesheet"/>
+    <link href="./dist/css/demo.min.css?1669759017" rel="stylesheet"/>
     <style>
     <style>
       @import url('https://rsms.me/inter/inter.css');
       @import url('https://rsms.me/inter/inter.css');
       :root {
       :root {
-      	--tblr-font-sans-serif: Inter, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
+      	--tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
+      }
+      body {
+      	font-feature-settings: "cv03", "cv04", "cv11";
       }
       }
     </style>
     </style>
   </head>
   </head>
   <body >
   <body >
-    <script src="./dist/js/demo-theme.min.js?1668287865"></script>
+    <script src="./dist/js/demo-theme.min.js?1669759017"></script>
     <div class="page">
     <div class="page">
       <!-- Navbar -->
       <!-- Navbar -->
       <header class="navbar navbar-expand-md navbar-light d-print-none">
       <header class="navbar navbar-expand-md navbar-light d-print-none">
@@ -161,7 +164,7 @@
               </a>
               </a>
               <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
               <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
                 <a href="#" class="dropdown-item">Status</a>
                 <a href="#" class="dropdown-item">Status</a>
-                <a href="#" class="dropdown-item">Profile</a>
+                <a href="./profile.html" class="dropdown-item">Profile</a>
                 <a href="#" class="dropdown-item">Feedback</a>
                 <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
                 <div class="dropdown-divider"></div>
                 <a href="./settings.html" class="dropdown-item">Settings</a>
                 <a href="./settings.html" class="dropdown-item">Settings</a>
@@ -324,6 +327,9 @@
                             <a href="./sign-in.html" class="dropdown-item">
                             <a href="./sign-in.html" class="dropdown-item">
                               Sign in
                               Sign in
                             </a>
                             </a>
+                            <a href="./sign-in-link.html" class="dropdown-item">
+                              Sign in link
+                            </a>
                             <a href="./sign-in-illustration.html" class="dropdown-item">
                             <a href="./sign-in-illustration.html" class="dropdown-item">
                               Sign in with illustration
                               Sign in with illustration
                             </a>
                             </a>
@@ -518,7 +524,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" /><line x1="10" y1="10" x2="10.01" y2="10" /><line x1="14" y1="10" x2="14.01" y2="10" /><path d="M10 14a3.5 3.5 0 0 0 4 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="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" /><line x1="10" y1="10" x2="10.01" y2="10" /><line x1="14" y1="10" x2="14.01" y2="10" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
                     </span>
                     </span>
                     <span class="nav-link-title">
                     <span class="nav-link-title">
-                      2979 icons
+                      3036 icons
                     </span>
                     </span>
                   </a>
                   </a>
                 </li>
                 </li>
@@ -774,7 +780,7 @@
     </div>
     </div>
     <!-- Libs JS -->
     <!-- Libs JS -->
     <!-- Tabler Core -->
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1668287865" defer></script>
-    <script src="./dist/js/demo.min.js?1668287865" defer></script>
+    <script src="./dist/js/tabler.min.js?1669759017" defer></script>
+    <script src="./dist/js/demo.min.js?1669759017" defer></script>
   </body>
   </body>
 </html>
 </html>

+ 17 - 11
demo/blank.html

@@ -14,20 +14,23 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
     <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>
     <title>Blank page - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- CSS files -->
     <!-- CSS files -->
-    <link href="./dist/css/tabler.min.css?1668287865" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1668287865" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1668287865" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1668287865" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1669759017" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1669759017" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1669759017" rel="stylesheet"/>
+    <link href="./dist/css/tabler-vendors.min.css?1669759017" rel="stylesheet"/>
+    <link href="./dist/css/demo.min.css?1669759017" rel="stylesheet"/>
     <style>
     <style>
       @import url('https://rsms.me/inter/inter.css');
       @import url('https://rsms.me/inter/inter.css');
       :root {
       :root {
-      	--tblr-font-sans-serif: Inter, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
+      	--tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
+      }
+      body {
+      	font-feature-settings: "cv03", "cv04", "cv11";
       }
       }
     </style>
     </style>
   </head>
   </head>
   <body >
   <body >
-    <script src="./dist/js/demo-theme.min.js?1668287865"></script>
+    <script src="./dist/js/demo-theme.min.js?1669759017"></script>
     <div class="page">
     <div class="page">
       <!-- Navbar -->
       <!-- Navbar -->
       <header class="navbar navbar-expand-md navbar-light d-print-none">
       <header class="navbar navbar-expand-md navbar-light d-print-none">
@@ -161,7 +164,7 @@
               </a>
               </a>
               <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
               <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
                 <a href="#" class="dropdown-item">Status</a>
                 <a href="#" class="dropdown-item">Status</a>
-                <a href="#" class="dropdown-item">Profile</a>
+                <a href="./profile.html" class="dropdown-item">Profile</a>
                 <a href="#" class="dropdown-item">Feedback</a>
                 <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
                 <div class="dropdown-divider"></div>
                 <a href="./settings.html" class="dropdown-item">Settings</a>
                 <a href="./settings.html" class="dropdown-item">Settings</a>
@@ -324,6 +327,9 @@
                             <a href="./sign-in.html" class="dropdown-item">
                             <a href="./sign-in.html" class="dropdown-item">
                               Sign in
                               Sign in
                             </a>
                             </a>
+                            <a href="./sign-in-link.html" class="dropdown-item">
+                              Sign in link
+                            </a>
                             <a href="./sign-in-illustration.html" class="dropdown-item">
                             <a href="./sign-in-illustration.html" class="dropdown-item">
                               Sign in with illustration
                               Sign in with illustration
                             </a>
                             </a>
@@ -518,7 +524,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" /><line x1="10" y1="10" x2="10.01" y2="10" /><line x1="14" y1="10" x2="14.01" y2="10" /><path d="M10 14a3.5 3.5 0 0 0 4 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="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" /><line x1="10" y1="10" x2="10.01" y2="10" /><line x1="14" y1="10" x2="14.01" y2="10" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
                     </span>
                     </span>
                     <span class="nav-link-title">
                     <span class="nav-link-title">
-                      2979 icons
+                      3036 icons
                     </span>
                     </span>
                   </a>
                   </a>
                 </li>
                 </li>
@@ -623,7 +629,7 @@
     </div>
     </div>
     <!-- Libs JS -->
     <!-- Libs JS -->
     <!-- Tabler Core -->
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1668287865" defer></script>
-    <script src="./dist/js/demo.min.js?1668287865" defer></script>
+    <script src="./dist/js/tabler.min.js?1669759017" defer></script>
+    <script src="./dist/js/demo.min.js?1669759017" defer></script>
   </body>
   </body>
 </html>
 </html>

+ 17 - 11
demo/buttons.html

@@ -14,20 +14,23 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
     <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>
     <title>Buttons - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- CSS files -->
     <!-- CSS files -->
-    <link href="./dist/css/tabler.min.css?1668287865" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1668287865" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1668287865" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1668287865" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1669759017" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1669759017" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1669759017" rel="stylesheet"/>
+    <link href="./dist/css/tabler-vendors.min.css?1669759017" rel="stylesheet"/>
+    <link href="./dist/css/demo.min.css?1669759017" rel="stylesheet"/>
     <style>
     <style>
       @import url('https://rsms.me/inter/inter.css');
       @import url('https://rsms.me/inter/inter.css');
       :root {
       :root {
-      	--tblr-font-sans-serif: Inter, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
+      	--tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
+      }
+      body {
+      	font-feature-settings: "cv03", "cv04", "cv11";
       }
       }
     </style>
     </style>
   </head>
   </head>
   <body >
   <body >
-    <script src="./dist/js/demo-theme.min.js?1668287865"></script>
+    <script src="./dist/js/demo-theme.min.js?1669759017"></script>
     <div class="page">
     <div class="page">
       <!-- Navbar -->
       <!-- Navbar -->
       <header class="navbar navbar-expand-md navbar-light d-print-none">
       <header class="navbar navbar-expand-md navbar-light d-print-none">
@@ -161,7 +164,7 @@
               </a>
               </a>
               <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
               <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
                 <a href="#" class="dropdown-item">Status</a>
                 <a href="#" class="dropdown-item">Status</a>
-                <a href="#" class="dropdown-item">Profile</a>
+                <a href="./profile.html" class="dropdown-item">Profile</a>
                 <a href="#" class="dropdown-item">Feedback</a>
                 <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
                 <div class="dropdown-divider"></div>
                 <a href="./settings.html" class="dropdown-item">Settings</a>
                 <a href="./settings.html" class="dropdown-item">Settings</a>
@@ -324,6 +327,9 @@
                             <a href="./sign-in.html" class="dropdown-item">
                             <a href="./sign-in.html" class="dropdown-item">
                               Sign in
                               Sign in
                             </a>
                             </a>
+                            <a href="./sign-in-link.html" class="dropdown-item">
+                              Sign in link
+                            </a>
                             <a href="./sign-in-illustration.html" class="dropdown-item">
                             <a href="./sign-in-illustration.html" class="dropdown-item">
                               Sign in with illustration
                               Sign in with illustration
                             </a>
                             </a>
@@ -518,7 +524,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" /><line x1="10" y1="10" x2="10.01" y2="10" /><line x1="14" y1="10" x2="14.01" y2="10" /><path d="M10 14a3.5 3.5 0 0 0 4 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="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" /><line x1="10" y1="10" x2="10.01" y2="10" /><line x1="14" y1="10" x2="14.01" y2="10" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
                     </span>
                     </span>
                     <span class="nav-link-title">
                     <span class="nav-link-title">
-                      2979 icons
+                      3036 icons
                     </span>
                     </span>
                   </a>
                   </a>
                 </li>
                 </li>
@@ -1423,7 +1429,7 @@
     </div>
     </div>
     <!-- Libs JS -->
     <!-- Libs JS -->
     <!-- Tabler Core -->
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1668287865" defer></script>
-    <script src="./dist/js/demo.min.js?1668287865" defer></script>
+    <script src="./dist/js/tabler.min.js?1669759017" defer></script>
+    <script src="./dist/js/demo.min.js?1669759017" defer></script>
   </body>
   </body>
 </html>
 </html>

+ 17 - 11
demo/card-actions.html

@@ -14,20 +14,23 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
     <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>
     <title>Card actions - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- CSS files -->
     <!-- CSS files -->
-    <link href="./dist/css/tabler.min.css?1668287865" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1668287865" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1668287865" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1668287865" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1669759017" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1669759017" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1669759017" rel="stylesheet"/>
+    <link href="./dist/css/tabler-vendors.min.css?1669759017" rel="stylesheet"/>
+    <link href="./dist/css/demo.min.css?1669759017" rel="stylesheet"/>
     <style>
     <style>
       @import url('https://rsms.me/inter/inter.css');
       @import url('https://rsms.me/inter/inter.css');
       :root {
       :root {
-      	--tblr-font-sans-serif: Inter, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
+      	--tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
+      }
+      body {
+      	font-feature-settings: "cv03", "cv04", "cv11";
       }
       }
     </style>
     </style>
   </head>
   </head>
   <body >
   <body >
-    <script src="./dist/js/demo-theme.min.js?1668287865"></script>
+    <script src="./dist/js/demo-theme.min.js?1669759017"></script>
     <div class="page">
     <div class="page">
       <!-- Navbar -->
       <!-- Navbar -->
       <header class="navbar navbar-expand-md navbar-light d-print-none">
       <header class="navbar navbar-expand-md navbar-light d-print-none">
@@ -161,7 +164,7 @@
               </a>
               </a>
               <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
               <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
                 <a href="#" class="dropdown-item">Status</a>
                 <a href="#" class="dropdown-item">Status</a>
-                <a href="#" class="dropdown-item">Profile</a>
+                <a href="./profile.html" class="dropdown-item">Profile</a>
                 <a href="#" class="dropdown-item">Feedback</a>
                 <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
                 <div class="dropdown-divider"></div>
                 <a href="./settings.html" class="dropdown-item">Settings</a>
                 <a href="./settings.html" class="dropdown-item">Settings</a>
@@ -324,6 +327,9 @@
                             <a href="./sign-in.html" class="dropdown-item">
                             <a href="./sign-in.html" class="dropdown-item">
                               Sign in
                               Sign in
                             </a>
                             </a>
+                            <a href="./sign-in-link.html" class="dropdown-item">
+                              Sign in link
+                            </a>
                             <a href="./sign-in-illustration.html" class="dropdown-item">
                             <a href="./sign-in-illustration.html" class="dropdown-item">
                               Sign in with illustration
                               Sign in with illustration
                             </a>
                             </a>
@@ -518,7 +524,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" /><line x1="10" y1="10" x2="10.01" y2="10" /><line x1="14" y1="10" x2="14.01" y2="10" /><path d="M10 14a3.5 3.5 0 0 0 4 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="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" /><line x1="10" y1="10" x2="10.01" y2="10" /><line x1="14" y1="10" x2="14.01" y2="10" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
                     </span>
                     </span>
                     <span class="nav-link-title">
                     <span class="nav-link-title">
-                      2979 icons
+                      3036 icons
                     </span>
                     </span>
                   </a>
                   </a>
                 </li>
                 </li>
@@ -822,7 +828,7 @@
     </div>
     </div>
     <!-- Libs JS -->
     <!-- Libs JS -->
     <!-- Tabler Core -->
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1668287865" defer></script>
-    <script src="./dist/js/demo.min.js?1668287865" defer></script>
+    <script src="./dist/js/tabler.min.js?1669759017" defer></script>
+    <script src="./dist/js/demo.min.js?1669759017" defer></script>
   </body>
   </body>
 </html>
 </html>

+ 17 - 11
demo/cards-masonry.html

@@ -14,20 +14,23 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
     <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>
     <title>Cards Masonry - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
     <!-- CSS files -->
     <!-- CSS files -->
-    <link href="./dist/css/tabler.min.css?1668287865" rel="stylesheet"/>
-    <link href="./dist/css/tabler-flags.min.css?1668287865" rel="stylesheet"/>
-    <link href="./dist/css/tabler-payments.min.css?1668287865" rel="stylesheet"/>
-    <link href="./dist/css/tabler-vendors.min.css?1668287865" rel="stylesheet"/>
-    <link href="./dist/css/demo.min.css?1668287865" rel="stylesheet"/>
+    <link href="./dist/css/tabler.min.css?1669759017" rel="stylesheet"/>
+    <link href="./dist/css/tabler-flags.min.css?1669759017" rel="stylesheet"/>
+    <link href="./dist/css/tabler-payments.min.css?1669759017" rel="stylesheet"/>
+    <link href="./dist/css/tabler-vendors.min.css?1669759017" rel="stylesheet"/>
+    <link href="./dist/css/demo.min.css?1669759017" rel="stylesheet"/>
     <style>
     <style>
       @import url('https://rsms.me/inter/inter.css');
       @import url('https://rsms.me/inter/inter.css');
       :root {
       :root {
-      	--tblr-font-sans-serif: Inter, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
+      	--tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
+      }
+      body {
+      	font-feature-settings: "cv03", "cv04", "cv11";
       }
       }
     </style>
     </style>
   </head>
   </head>
   <body >
   <body >
-    <script src="./dist/js/demo-theme.min.js?1668287865"></script>
+    <script src="./dist/js/demo-theme.min.js?1669759017"></script>
     <div class="page">
     <div class="page">
       <!-- Navbar -->
       <!-- Navbar -->
       <header class="navbar navbar-expand-md navbar-light d-print-none">
       <header class="navbar navbar-expand-md navbar-light d-print-none">
@@ -161,7 +164,7 @@
               </a>
               </a>
               <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
               <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
                 <a href="#" class="dropdown-item">Status</a>
                 <a href="#" class="dropdown-item">Status</a>
-                <a href="#" class="dropdown-item">Profile</a>
+                <a href="./profile.html" class="dropdown-item">Profile</a>
                 <a href="#" class="dropdown-item">Feedback</a>
                 <a href="#" class="dropdown-item">Feedback</a>
                 <div class="dropdown-divider"></div>
                 <div class="dropdown-divider"></div>
                 <a href="./settings.html" class="dropdown-item">Settings</a>
                 <a href="./settings.html" class="dropdown-item">Settings</a>
@@ -324,6 +327,9 @@
                             <a href="./sign-in.html" class="dropdown-item">
                             <a href="./sign-in.html" class="dropdown-item">
                               Sign in
                               Sign in
                             </a>
                             </a>
+                            <a href="./sign-in-link.html" class="dropdown-item">
+                              Sign in link
+                            </a>
                             <a href="./sign-in-illustration.html" class="dropdown-item">
                             <a href="./sign-in-illustration.html" class="dropdown-item">
                               Sign in with illustration
                               Sign in with illustration
                             </a>
                             </a>
@@ -518,7 +524,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" /><line x1="10" y1="10" x2="10.01" y2="10" /><line x1="14" y1="10" x2="14.01" y2="10" /><path d="M10 14a3.5 3.5 0 0 0 4 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="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" /><line x1="10" y1="10" x2="10.01" y2="10" /><line x1="14" y1="10" x2="14.01" y2="10" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
                     </span>
                     </span>
                     <span class="nav-link-title">
                     <span class="nav-link-title">
-                      2979 icons
+                      3036 icons
                     </span>
                     </span>
                   </a>
                   </a>
                 </li>
                 </li>
@@ -763,7 +769,7 @@
     <!-- Libs JS -->
     <!-- Libs JS -->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.2/masonry.pkgd.min.js" defer></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.2/masonry.pkgd.min.js" defer></script>
     <!-- Tabler Core -->
     <!-- Tabler Core -->
-    <script src="./dist/js/tabler.min.js?1668287865" defer></script>
-    <script src="./dist/js/demo.min.js?1668287865" defer></script>
+    <script src="./dist/js/tabler.min.js?1669759017" defer></script>
+    <script src="./dist/js/demo.min.js?1669759017" defer></script>
   </body>
   </body>
 </html>
 </html>

Some files were not shown because too many files changed in this diff