admin-lte 4.4.0 → 4.5.0

package/dist/js/adminlte.esm.js

@@ -1,5 +1,5 @@
 /*!
- * AdminLTE v4.4.0 (https://adminlte.io)
+ * AdminLTE v4.5.0 (https://adminlte.io)
  * Copyright 2014-2026 Colorlib <https://colorlib.com>
  * Licensed under MIT (https://github.com/ColorlibHQ/AdminLTE/blob/master/LICENSE)
  */

package/dist/js/adminlte.esm.min.js

@@ -1,5 +1,5 @@
 /*!
- * AdminLTE v4.4.0 (https://adminlte.io)
+ * AdminLTE v4.5.0 (https://adminlte.io)
  * Copyright 2014-2026 Colorlib <https://colorlib.com>
  * Licensed under MIT (https://github.com/ColorlibHQ/AdminLTE/blob/master/LICENSE)
  */

package/dist/js/adminlte.js

@@ -1,5 +1,5 @@
 /*!
- * AdminLTE v4.4.0 (https://adminlte.io)
+ * AdminLTE v4.5.0 (https://adminlte.io)
  * Copyright 2014-2026 Colorlib <https://colorlib.com>
  * Licensed under MIT (https://github.com/ColorlibHQ/AdminLTE/blob/master/LICENSE)
  */

package/dist/js/adminlte.min.js

@@ -1,5 +1,5 @@
 /*!
- * AdminLTE v4.4.0 (https://adminlte.io)
+ * AdminLTE v4.5.0 (https://adminlte.io)
  * Copyright 2014-2026 Colorlib <https://colorlib.com>
  * Licensed under MIT (https://github.com/ColorlibHQ/AdminLTE/blob/master/LICENSE)
  */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "admin-lte",
   "description": "Responsive open source admin dashboard and control panel.",
-  "version": "4.4.0",
+  "version": "4.5.0",
   "type": "module",
   "license": "MIT",
   "author": "Colorlib <https://colorlib.com>",

package/src/scss/adminlte-colors-v3.scss

@@ -0,0 +1,59 @@
+/*!
+ *   AdminLTE v4.5.0 — AdminLTE 3 color palette (legacy)
+ *   Opt-in. The extended colours exactly as AdminLTE 3 shipped them — same
+ *   names, same values, same text-colour rule (Bootstrap 4's YIQ brightness
+ *   test, so lightblue, olive and teal take white text as they did) — with
+ *   the AdminLTE 4 class families: `.bg-*`, `.text-bg-*`, `.text-*`,
+ *   `.border-*`, `.link-*`, `.bg-gradient-*`, `.card-*`, `.callout-*`,
+ *   `.direct-chat-*`, plus dark-mode tokens.
+ *
+ *   Load EITHER this file OR adminlte-colors.css (the palette designed for
+ *   4.4), not both: they define the same class names (navy, teal, olive, …)
+ *   with different values. Nothing here is in adminlte.css.
+ *   See docs/colors.html.
+ *
+ *   Author: Colorlib
+ *   Website: AdminLTE.io <https://adminlte.io>
+ *   License: Open source - MIT <https://opensource.org/licenses/MIT>
+ */
+
+// Bootstrap Configuration
+// ---------------------------------------------------
+@import "bootstrap/scss/functions";
+@import "bootstrap-overrides";
+@import "bootstrap/scss/variables";
+@import "bootstrap/scss/variables-dark";
+@import "bootstrap/scss/maps";
+@import "bootstrap/scss/mixins";
+
+// AdminLTE Configuration
+// ---------------------------------------------------
+@import "variables";
+@import "variables-dark";
+
+// The AdminLTE 3 palette — values read from the 3.2.0 build, unchanged
+// ---------------------------------------------------
+$lte-palette: (
+  "lightblue": #3c8dbc,
+  "navy":      #001f3f,
+  "olive":     #3d9970,
+  "lime":      #01ff70,
+  "fuchsia":   #f012be,
+  "maroon":    #d81b60,
+  "blue":      #007bff,
+  "indigo":    #6610f2,
+  "purple":    #6f42c1,
+  "pink":      #e83e8c,
+  "red":       #dc3545,
+  "orange":    #fd7e14,
+  "yellow":    #ffc107,
+  "green":     #28a745,
+  "teal":      #20c997,
+  "cyan":      #17a2b8,
+  "gray":      #6c757d,
+  "gray-dark": #343a40
+) !default;
+$lte-palette-contrast: "yiq" !default;
+
+@import "colors/variables";
+@import "colors/colors";

package/src/scss/adminlte-colors.scss

@@ -1,5 +1,5 @@
 /*!
- *   AdminLTE v4.4.0 — Extended color palette
+ *   AdminLTE v4.5.0 — Extended color palette
  *   Opt-in. Nothing here is in adminlte.css: load this sheet after it and you
  *   get fourteen additional colours (orange, amber, olive, teal, sky, indigo,
  *   violet, fuchsia, pink, navy, steel, slate, graphite, midnight) as `--bs-*`

package/src/scss/adminlte-docs.scss

@@ -1,5 +1,5 @@
 /*!
- *   AdminLTE v4.4.0 — documentation styles
+ *   AdminLTE v4.5.0 — documentation styles
  *   Styles for the documentation and FAQ pages only (body.docs-page /
  *   body.faq-page). Applications never need this file; it is loaded by the
  *   docs pages in addition to adminlte.css.

package/src/scss/adminlte-select2.scss

@@ -1,5 +1,5 @@
 /*!
- *   AdminLTE v4.4.0 — Select2 compatibility theme
+ *   AdminLTE v4.5.0 — Select2 compatibility theme
  *   Styling only. AdminLTE bundles neither Select2 nor jQuery; this optional
  *   sheet makes a Select2 you load yourself match Bootstrap 5.3 form controls,
  *   including `data-bs-theme` dark mode. Load it AFTER select2.css.

package/src/scss/adminlte.scss

@@ -1,5 +1,5 @@
 /*!
- *   AdminLTE v4.4.0
+ *   AdminLTE v4.5.0
  *   Author: Colorlib
  *   Website: AdminLTE.io <https://adminlte.io>
  *   License: Open source - MIT <https://opensource.org/licenses/MIT>

package/src/scss/colors/_variables.scss

@@ -1,5 +1,7 @@
+@use "sass:color";
 @use "sass:list";
 @use "sass:map";
+@use "sass:math";
 
 //
 // Colors: Variables
@@ -67,6 +69,16 @@ $lte-palette-aliases: () !default;
 // palettes — `3` is WCAG AA for large text and UI components.
 $lte-palette-min-contrast-ratio: $min-contrast-ratio !default;
 
+// Which rule picks that text colour: "wcag" (Bootstrap 5's color-contrast(),
+// governed by the ratio above) or "yiq" — the Bootstrap 4 / AdminLTE 3 rule
+// (perceived brightness against a threshold), which is what gives the v3
+// palette its familiar white-on-lightblue / white-on-teal look.
+// adminlte-colors-v3.scss sets "yiq"; the designed palette uses "wcag".
+$lte-palette-contrast: "wcag" !default;
+$lte-palette-yiq-threshold: 150 !default;
+$lte-palette-yiq-text-dark: #1f2d3d !default; // AdminLTE 3's $yiq-text-dark
+$lte-palette-yiq-text-light: $white !default;
+
 // Resolve custom colours and aliases into the palette
 // --------------------------------------------------------
 @if list.length($lte-palette-custom) > 0 {
@@ -81,5 +93,19 @@ $lte-palette-min-contrast-ratio: $min-contrast-ratio !default;
 }
 
 @function lte-contrast($color) {
+  @if $lte-palette-contrast == "yiq" {
+    // stylelint-disable scss/at-function-named-arguments -- `$space` is required by color.channel()
+    $r: color.channel($color, "red", $space: rgb);
+    $g: color.channel($color, "green", $space: rgb);
+    $b: color.channel($color, "blue", $space: rgb);
+    // stylelint-enable scss/at-function-named-arguments
+    $yiq: math.div($r * 299 + $g * 587 + $b * 114, 1000);
+    @if $yiq >= $lte-palette-yiq-threshold {
+      @return $lte-palette-yiq-text-dark;
+    }
+
+    @return $lte-palette-yiq-text-light;
+  }
+
   @return color-contrast($color, $min-contrast-ratio: $lte-palette-min-contrast-ratio);
 }

package/src/ts/adminlte.ts

@@ -10,7 +10,7 @@ import SidebarSearch from './sidebar-search.js'
 import { initAccessibility } from './accessibility.js'
 
 /**
- * AdminLTE v4.4.0
+ * AdminLTE v4.5.0
  * Author: Colorlib
  * Website: AdminLTE.io <https://adminlte.io>
  * License: Open source - MIT <https://opensource.org/licenses/MIT>