@tabler/core 1.5.0 → 1.5.1

package/dist/js/tabler-theme.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Tabler v1.5.0 (https://tabler.io)
+* Tabler v1.5.1 (https://tabler.io)
 * Copyright 2018-2026 The Tabler Authors
 * Copyright 2018-2026 codecalm.net Paweł Kuna
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)

package/dist/js/tabler-theme.esm.min.js

@@ -1,5 +1,5 @@
 /*!
-* Tabler v1.5.0 (https://tabler.io)
+* Tabler v1.5.1 (https://tabler.io)
 * Copyright 2018-2026 The Tabler Authors
 * Copyright 2018-2026 codecalm.net Paweł Kuna
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)

package/dist/js/tabler-theme.js

@@ -1,5 +1,5 @@
 /*!
-* Tabler v1.5.0 (https://tabler.io)
+* Tabler v1.5.1 (https://tabler.io)
 * Copyright 2018-2026 The Tabler Authors
 * Copyright 2018-2026 codecalm.net Paweł Kuna
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)

package/dist/js/tabler-theme.min.js

@@ -1,5 +1,5 @@
 /*!
-* Tabler v1.5.0 (https://tabler.io)
+* Tabler v1.5.1 (https://tabler.io)
 * Copyright 2018-2026 The Tabler Authors
 * Copyright 2018-2026 codecalm.net Paweł Kuna
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)

package/dist/js/tabler.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Tabler v1.5.0 (https://tabler.io)
+* Tabler v1.5.1 (https://tabler.io)
 * Copyright 2018-2026 The Tabler Authors
 * Copyright 2018-2026 codecalm.net Paweł Kuna
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)

package/dist/js/tabler.esm.min.js

@@ -1,5 +1,5 @@
 /*!
-* Tabler v1.5.0 (https://tabler.io)
+* Tabler v1.5.1 (https://tabler.io)
 * Copyright 2018-2026 The Tabler Authors
 * Copyright 2018-2026 codecalm.net Paweł Kuna
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)

package/dist/js/tabler.js

@@ -1,5 +1,5 @@
 /*!
-* Tabler v1.5.0 (https://tabler.io)
+* Tabler v1.5.1 (https://tabler.io)
 * Copyright 2018-2026 The Tabler Authors
 * Copyright 2018-2026 codecalm.net Paweł Kuna
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)

package/dist/js/tabler.min.js

@@ -1,5 +1,5 @@
 /*!
-* Tabler v1.5.0 (https://tabler.io)
+* Tabler v1.5.1 (https://tabler.io)
 * Copyright 2018-2026 The Tabler Authors
 * Copyright 2018-2026 codecalm.net Paweł Kuna
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tabler/core",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "description": "Premium and Open Source dashboard template with responsive and high quality UI.",
   "homepage": "https://tabler.io",
   "repository": {

package/scss/_props.scss

@@ -76,6 +76,7 @@
   }
 
   /** Shadows */
+  --shadow-color: #{$box-shadow-color};
   @each $name, $value in $box-shadows {
     --shadow#{if(sass($name): '-#{$name}'; else: '')}: #{$value};
   }

package/scss/_variables.scss

@@ -954,30 +954,41 @@ $aspect-ratios: (
 ) !default;
 
 // Shadows
-$box-shadow-xs: 0 1px 2px 0 rgba(18, 18, 23, 0.05) !default;
+// Neutral drop-shadow tint. Emitted once as the global `--shadow-color` custom
+// property (see `_props.scss`); every shadow below only varies its opacity via
+// `color-transparent()`, never its colour.
+//
+// The light branch is already 60% transparent, so `color-transparent()` scales
+// each shadow down from the percentages below to the intended light-mode value
+// (e.g. `0.125 * 0.4 = 0.05`). The dark branch is fully opaque black, so the
+// same percentage lands 2.5x darker — otherwise a near-black shadow is
+// invisible against the dark surfaces. Keep the two in sync when tuning.
+$box-shadow-color: light-dark(rgba(18, 18, 23, 0.4), #000) !default;
+
+$box-shadow-xs: 0 1px 2px 0 color-transparent(var(--shadow-color), 0.125) !default;
 $box-shadow-sm:
-  0 1px 3px 0 rgba(18, 18, 23, 0.1),
-  0 1px 2px 0 rgba(18, 18, 23, 0.06) !default;
+  0 1px 3px 0 color-transparent(var(--shadow-color), 0.25),
+  0 1px 2px 0 color-transparent(var(--shadow-color), 0.15) !default;
 $box-shadow-md:
-  0px 2px 4px -1px rgba(18, 18, 23, 0.06),
-  0px 4px 6px -1px rgba(18, 18, 23, 0.08) !default;
+  0px 2px 4px -1px color-transparent(var(--shadow-color), 0.15),
+  0px 4px 6px -1px color-transparent(var(--shadow-color), 0.2) !default;
 $box-shadow-lg:
-  0px 4px 6px -2px rgba(18, 18, 23, 0.05),
-  0px 10px 15px -3px rgba(18, 18, 23, 0.08) !default;
+  0px 4px 6px -2px color-transparent(var(--shadow-color), 0.125),
+  0px 10px 15px -3px color-transparent(var(--shadow-color), 0.2) !default;
 $box-shadow-xl:
-  0px 10px 10px -5px rgba(18, 18, 23, 0.04),
-  0px 20px 25px -5px rgba(18, 18, 23, 0.1) !default;
-$box-shadow-2xl: 0px 25px 50px -12px rgba(18, 18, 23, 0.25) !default;
+  0px 10px 10px -5px color-transparent(var(--shadow-color), 0.1),
+  0px 20px 25px -5px color-transparent(var(--shadow-color), 0.25) !default;
+$box-shadow-2xl: 0px 25px 50px -12px color-transparent(var(--shadow-color), 0.625) !default;
 $box-shadow-overlay:
-  0px 2px 4px 0px rgba(18, 18, 23, 0.04),
-  0px 5px 8px 0px rgba(18, 18, 23, 0.04),
-  0px 10px 18px 0px rgba(18, 18, 23, 0.03),
-  0px 24px 48px 0px rgba(18, 18, 23, 0.03),
-  0px 0px 0px 1px rgba(18, 18, 23, 0.1) !default;
+  0px 2px 4px 0px color-transparent(var(--shadow-color), 0.1),
+  0px 5px 8px 0px color-transparent(var(--shadow-color), 0.1),
+  0px 10px 18px 0px color-transparent(var(--shadow-color), 0.075),
+  0px 24px 48px 0px color-transparent(var(--shadow-color), 0.075),
+  0px 0px 0px 1px color-transparent(var(--shadow-color), 0.25) !default;
 
 $box-shadow: $box-shadow-md !default;
 $box-shadow-transparent: 0 0 0 0 transparent !default;
-$box-shadow-border: 0px 0px 0px 1px rgba(18, 18, 23, 0.1) !default;
+$box-shadow-border: 0px 0px 0px 1px color-transparent(var(--shadow-color), 0.25) !default;
 $box-shadow-input: $box-shadow-xs !default;
 $box-shadow-card: $box-shadow-xs !default;
 $box-shadow-card-hover: $box-shadow-lg !default;
@@ -1000,7 +1011,7 @@ $box-shadows: (
   dropdown: $box-shadow-dropdown,
 ) !default;
 
-$box-shadow-inset: inset 0 1px 2px rgba($black, 0.075) !default;
+$box-shadow-inset: inset 0 1px 2px color-transparent(var(--shadow-color), 0.1875) !default;
 
 // Component active
 $component-active-color: $white !default;
@@ -1987,14 +1998,14 @@ $form-select-font-size-lg: $input-font-size-lg !default;
 $form-select-border-radius-lg: $input-border-radius-lg !default;
 $form-select-transition: $input-transition !default;
 
-$form-switch-color: $white !default;
+$form-switch-color: $gray-200 !default;
 $form-switch-width: 2rem !default;
 $form-switch-height: 1.25rem !default;
 $form-switch-padding-start: $form-switch-width + 0.5rem !default;
 $form-switch-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-color}'/></svg>") !default;
 $form-switch-border-radius: $form-switch-width !default;
 $form-switch-transition: background-position 0.15s ease-in-out !default;
-$form-switch-focus-color: $white !default;
+$form-switch-focus-color: $input-focus-border-color !default;
 $form-switch-focus-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-focus-color}'/></svg>") !default;
 $form-switch-checked-color: $white !default;
 $form-switch-checked-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-checked-color}'/></svg>") !default;

package/scss/layout/_navbar.scss

@@ -622,6 +622,16 @@ Navbar vertical
   // a bare :where()/[…] selector would lose to it and never take effect.
   html[data-bs-sidebar^='folded'] {
     --sidebar-width: var(--sidebar-folded-width);
+
+    // The sidebar is rendered for the expanded state, so the active submenu can
+    // arrive open (.show). Folded, it would paint as a flyout until sidebar.ts
+    // closes it on DOMContentLoaded — a flicker on every reload. Menus opened by
+    // the Dropdown plugin carry a popper data attribute (data-tblr-popper from
+    // tabler.js, data-bs-popper from Bootstrap's own js), so only the
+    // server-rendered ones hide.
+    .navbar-vertical .dropdown-menu.show:not([data-bs-popper]):not([data-tblr-popper]) {
+      display: none;
+    }
   }
 
   .navbar-vertical:is(.navbar-folded, .navbar-folded-hover) {

package/scss/ui/_cards.scss

@@ -535,6 +535,17 @@ Card code
  */
 .card-code {
   padding: 0;
+  overflow: hidden;
+
+  // The code block is a dark box, so it follows the card's corners: rounded at
+  // the card's top or bottom edge, square when another section sits next to it.
+  &:first-child {
+    @include border-top-radius(var(--card-border-radius));
+  }
+
+  &:last-child {
+    @include border-bottom-radius(var(--card-border-radius));
+  }
 
   .highlight {
     margin: 0;
@@ -544,6 +555,7 @@ Card code
   pre {
     margin: 0 !important;
     border: 0 !important;
+    @include border-radius(0);
   }
 }
 

package/scss/ui/_dropdowns.scss

@@ -86,11 +86,12 @@
     display: block;
     width: 14px;
     height: 14px;
-    clip: rect(0, 9px, 9px, 0);
+    clip-path: inset(0 5px 5px 0);
     content: '';
     background: inherit;
-    border: 1px solid;
-    border-color: inherit;
+    // The menu draws its edge with the 1px ring in --dropdown-box-shadow and has
+    // no border, so `inherit` would give the arrow the text color.
+    border: 1px solid var(--dropdown-border-color);
 
     /* rtl:ignore */
     transform: rotate(45deg);

package/scss/ui/_steps.scss

@@ -105,6 +105,10 @@
       &::before {
         background: var(--steps-inactive-color);
       }
+
+      &::before {
+        color: var(--disabled-color);
+      }
     }
   }
 }