@coreui/coreui 5.0.0 → 5.0.2

package/js/src/navigation.js

@@ -8,7 +8,6 @@
 import BaseComponent from './base-component.js'
 import Data from './dom/data.js'
 import EventHandler from './dom/event-handler.js'
-import Manipulator from './dom/manipulator.js'
 import SelectorEngine from './dom/selector-engine.js'
 import { defineJQueryPlugin } from './util/index.js'
 
@@ -83,16 +82,6 @@ class Navigation extends BaseComponent {
 
   // Private
 
-  _getConfig(config) {
-    config = {
-      ...Default,
-      ...Manipulator.getDataAttributes(this._element),
-      ...(typeof config === 'object' ? config : {})
-    }
-
-    return config
-  }
-
   _setActiveLink() {
     for (const element of Array.from(this._element.querySelectorAll(SELECTOR_NAV_LINK))) {
       if (element.classList.contains(CLASS_NAME_NAV_GROUP_TOGGLE)) {

package/js/src/sidebar.js

@@ -201,16 +201,6 @@ class Sidebar extends BaseComponent {
 
   // Private
 
-  _getConfig(config) {
-    config = {
-      ...Default,
-      ...Manipulator.getDataAttributes(this._element),
-      ...(typeof config === 'object' ? config : {})
-    }
-
-    return config
-  }
-
   _initializeBackDrop() {
     return new Backdrop({
       className: CLASS_NAME_BACKDROP,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coreui/coreui",
   "description": "The most popular front-end framework for developing responsive, mobile-first projects on the web rewritten and maintained by the CoreUI Team",
-  "version": "5.0.0",
+  "version": "5.0.2",
   "config": {
     "version_short": "5.0"
   },
@@ -100,12 +100,12 @@
     "@popperjs/core": "^2.11.8"
   },
   "devDependencies": {
-    "@babel/cli": "^7.24.1",
-    "@babel/core": "^7.24.3",
-    "@babel/preset-env": "^7.24.3",
+    "@babel/cli": "^7.24.6",
+    "@babel/core": "^7.24.6",
+    "@babel/preset-env": "^7.24.6",
     "@popperjs/core": "^2.11.8",
     "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-commonjs": "^25.0.8",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-replace": "^5.0.5",
     "autoprefixer": "^10.4.19",
@@ -114,15 +114,15 @@
     "clean-css-cli": "^5.6.3",
     "cross-env": "^7.0.3",
     "eslint": "^8.57.0",
-    "eslint-config-xo": "^0.44.0",
-    "eslint-plugin-html": "^8.0.0",
+    "eslint-config-xo": "^0.45.0",
+    "eslint-plugin-html": "^8.1.1",
     "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-markdown": "^4.0.1",
-    "eslint-plugin-unicorn": "^51.0.1",
-    "find-unused-sass-variables": "^5.0.0",
+    "eslint-plugin-markdown": "^5.0.0",
+    "eslint-plugin-unicorn": "^52.0.0",
+    "find-unused-sass-variables": "^6.0.0",
     "globby": "^11.1.0",
     "hammer-simulator": "0.0.1",
-    "hugo-bin": "^0.121.1",
+    "hugo-bin": "^0.123.1",
     "ip": "^2.0.1",
     "jasmine": "^5.1.0",
     "jquery": "^3.7.1",
@@ -136,20 +136,20 @@
     "karma-jasmine-html-reporter": "^2.1.0",
     "karma-rollup-preprocessor": "7.0.8",
     "lockfile-lint": "^4.13.2",
-    "nodemon": "^3.1.0",
+    "nodemon": "^3.1.1",
     "npm-run-all": "^4.1.5",
     "postcss": "^8.4.38",
     "postcss-cli": "^11.0.0",
     "postcss-combine-duplicated-selectors": "^10.0.3",
-    "rollup": "^4.13.1",
+    "rollup": "^4.18.0",
     "rollup-plugin-istanbul": "^5.0.0",
     "rtlcss": "^4.1.1",
-    "sass": "^1.72.0",
+    "sass": "^1.77.2",
     "sass-true": "^8.0.0",
     "shelljs": "^0.8.5",
-    "stylelint": "^16.3.1",
-    "stylelint-config-twbs-bootstrap": "^14.0.0",
-    "terser": "5.30.0",
+    "stylelint": "^16.6.0",
+    "stylelint-config-twbs-bootstrap": "^14.1.0",
+    "terser": "5.31.0",
     "vnu-jar": "23.4.11"
   },
   "files": [

package/scss/_header.scss

@@ -1,6 +1,5 @@
 .header {
   // scss-docs-start header-css-vars
-  --#{$prefix}header-min-height: #{$header-min-height};
   --#{$prefix}header-padding-x: #{$header-padding-x};
   --#{$prefix}header-padding-y: #{$header-padding-y};
   --#{$prefix}header-bg: #{$header-bg};
@@ -33,7 +32,6 @@
   flex-wrap: wrap; // allow us to do the line break for collapsing content
   align-items: center;
   justify-content: space-between; // space out brand from logo
-  // min-height: var(--#{$prefix}header-min-height);
   padding: var(--#{$prefix}header-padding-y) var(--#{$prefix}header-padding-x);
   background: var(--#{$prefix}header-bg);
   border-bottom: var(--#{$prefix}header-border);

package/scss/_nav.scss

@@ -159,7 +159,7 @@
 //
 
 .nav-underline-border {
-  // scss-docs-start nav-underline-css-vars
+  // scss-docs-start nav-underline-border-css-vars
   --#{$prefix}nav-underline-border-gap: #{$nav-underline-border-gap};
   --#{$prefix}nav-underline-border-border-color: #{$nav-underline-border-border-color};
   --#{$prefix}nav-underline-border-border-width: #{$nav-underline-border-border-width};
@@ -168,7 +168,7 @@
   --#{$prefix}nav-underline-border-link-color: #{$nav-underline-border-link-color};
   --#{$prefix}nav-underline-border-link-active-color: #{$nav-underline-border-link-active-color};
   --#{$prefix}nav-underline-border-link-disabled-color: #{$nav-underline-border-link-disabled-color};
-  // scss-docs-end nav-underline-css-vars
+  // scss-docs-end nav-underline-border-css-vars
 
   --#{$prefix}nav-link-color: var(--#{$prefix}nav-underline-border-link-color);
   --#{$prefix}nav-link-disabled-color: var(--#{$prefix}nav-underline-border-link-disabled-color);

package/scss/_variables.scss

@@ -1725,9 +1725,8 @@ $list-group-action-active-bg:       var(--#{$prefix}secondary-bg) !default;
 // scss-docs-end list-group-variables
 
 
-// Header // TODO: check
+// Header
 // scss-docs-start header-variables
-$header-min-height:             4rem !default;
 $header-padding-y:              $spacer * .5 !default;
 $header-padding-x:              $spacer * .5 !default;
 $header-brand-font-size:        $font-size-lg !default;
@@ -1938,8 +1937,9 @@ $sidebar-toggler-width:             .5rem !default;
 $sidebar-toggler-height:            .5rem !default;
 $sidebar-toggler-padding-x:         .25rem !default;
 $sidebar-toggler-padding-y:         .25rem !default;
+$sidebar-toggler-bg:                transparent !default;
 $sidebar-toggler-color:             var(--#{$prefix}tertiary-color) !default;
-$sidebar-toggler-bg:                url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg xmlns='http://www.w3.org/2000/svg' transform='matrix(-1 0 0 -1 512 512)'%3E%3Cpath fill='%23000' d='M472,16H40A24.028,24.028,0,0,0,16,40V200H48V48H464V464H48V304H16V472a24.028,24.028,0,0,0,24,24H472a24.028,24.028,0,0,0,24-24V40A24.028,24.028,0,0,0,472,16Z'/%3E%3Cpolygon fill='%23000' points='209.377 363.306 232.004 385.933 366.627 251.31 232.004 116.687 209.377 139.313 305.374 235.311 16 235.311 16 267.311 305.372 267.311 209.377 363.306'/%3E%3C/g%3E%3C/svg%3E") !default;
+$sidebar-toggler-icon:              url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg xmlns='http://www.w3.org/2000/svg' transform='matrix(-1 0 0 -1 512 512)'%3E%3Cpath fill='%23000' d='M472,16H40A24.028,24.028,0,0,0,16,40V200H48V48H464V464H48V304H16V472a24.028,24.028,0,0,0,24,24H472a24.028,24.028,0,0,0,24-24V40A24.028,24.028,0,0,0,472,16Z'/%3E%3Cpolygon fill='%23000' points='209.377 363.306 232.004 385.933 366.627 251.31 232.004 116.687 209.377 139.313 305.374 235.311 16 235.311 16 267.311 305.372 267.311 209.377 363.306'/%3E%3C/g%3E%3C/svg%3E") !default;
 $sidebar-toggler-focus-shadow:      $focus-ring-box-shadow !default;
 $sidebar-toggler-hover-color:       var(--#{$prefix}secondary-color) !default;
 $sidebar-toggler-focus-color:       var(--#{$prefix}secondary-color) !default;

package/scss/mixins/_banner.scss

@@ -1,6 +1,6 @@
 @mixin bsBanner($file) {
   /*!
-   * CoreUI #{$file} v5.0.0 (https://coreui.io)
+   * CoreUI #{$file} v5.0.2 (https://coreui.io)
    * Copyright (c) 2024 creativeLabs Łukasz Holeczek
    * Licensed under MIT (https://github.com/coreui/coreui/blob/main/LICENSE)
    */

package/scss/sidebar/_sidebar-nav.scss

@@ -51,9 +51,9 @@
   --#{$prefix}sidebar-nav-group-border-color: #{$sidebar-nav-group-border-color};
   --#{$prefix}sidebar-nav-group-items-padding-y: #{$sidebar-nav-group-items-padding-y};
   --#{$prefix}sidebar-nav-group-items-padding-x: #{$sidebar-nav-group-items-padding-x};
-  --#{$prefix}sidebar-nav-group-indicator-color: #{escape-svg($sidebar-nav-group-indicator-color)};
+  --#{$prefix}sidebar-nav-group-indicator-color: #{$sidebar-nav-group-indicator-color};
   --#{$prefix}sidebar-nav-group-indicator-icon: #{escape-svg($sidebar-nav-group-indicator-icon)};
-  --#{$prefix}sidebar-nav-group-indicator-hover-color: #{escape-svg($sidebar-nav-group-indicator-hover-color)};
+  --#{$prefix}sidebar-nav-group-indicator-hover-color: #{$sidebar-nav-group-indicator-hover-color};
   --#{$prefix}sidebar-nav-group-indicator-hover-icon: #{escape-svg($sidebar-nav-group-indicator-hover-icon)};
   --#{$prefix}sidebar-nav-group-toggle-show-color: #{$sidebar-nav-group-toggle-show-color};
   // scss-docs-end sidebar-nav-css-vars

package/scss/sidebar/_sidebar.scss

@@ -213,8 +213,9 @@
   // scss-docs-start sidebar-toggler-css-vars
   --#{$prefix}sidebar-toggler-width: #{$sidebar-toggler-width};
   --#{$prefix}sidebar-toggler-height: #{$sidebar-toggler-height};
+  --#{$prefix}sidebar-toggler-bg: #{$sidebar-toggler-bg};
   --#{$prefix}sidebar-toggler-color: #{$sidebar-toggler-color};
-  --#{$prefix}sidebar-toggler-bg: #{escape-svg($sidebar-toggler-bg)};
+  --#{$prefix}sidebar-toggler-icon: #{escape-svg($sidebar-toggler-icon)};
   --#{$prefix}sidebar-toggler-hover-color: #{$sidebar-toggler-hover-color};
   --#{$prefix}sidebar-toggler-focus-shadow: #{$sidebar-toggler-focus-shadow};
   --#{$prefix}sidebar-toggler-focus-color: #{$sidebar-toggler-focus-color};
@@ -226,7 +227,7 @@
   width: var(--#{$prefix}sidebar-toggler-width);
   height: var(--#{$prefix}sidebar-toggler-height);
   padding: $sidebar-toggler-padding-y $sidebar-toggler-padding-x;
-  background-color: transparent;
+  background-color: var(--#{$prefix}sidebar-toggler-bg);
   border: 0;
   @include border-radius();
 
@@ -238,7 +239,7 @@
     height: 100%;
     content: "";
     background-color: var(--#{$prefix}sidebar-toggler-color);
-    mask: var(--#{$prefix}sidebar-toggler-bg) no-repeat center;
+    mask: var(--#{$prefix}sidebar-toggler-icon) no-repeat center;
     @include transition(var(--#{$prefix}sidebar-toggler-transition));
     @include rtl() {
       transform: rotate(-180deg);

package/scss/themes/bootstrap/mixins/_banner.scss

@@ -1,6 +1,6 @@
 @mixin bsBanner($file) {
   /*!
-   * CoreUI for Bootstrap #{$file} v5.0.0-rc.1 (https://coreui.io/bootstrap/)
+   * CoreUI for Bootstrap #{$file} v5.0.2 (https://coreui.io/bootstrap/)
    * Copyright (c) 2024 creativeLabs Łukasz Holeczek
    * Licensed under MIT (https://github.com/coreui/coreui/blob/main/LICENSE)
    */