@coreui/coreui 4.1.0 → 4.1.1

package/js/src/tooltip.js

@@ -1,6 +1,6 @@
 /**
  * --------------------------------------------------------------------------
- * CoreUI (v4.1.0): tooltip.js
+ * CoreUI (v4.1.1): tooltip.js
  * Licensed under MIT (https://coreui.io/license)
  *
  * This component is a modified version of the Bootstrap's tooltip.js

package/js/src/util/index.js

@@ -1,6 +1,6 @@
 /**
  * --------------------------------------------------------------------------
- * CoreUI (v4.1.0): alert.js
+ * CoreUI (v4.1.1): alert.js
  * Licensed under MIT (https://coreui.io/license)
  *
  * This component is a modified version of the Bootstrap's  util/index.js
@@ -8,17 +8,17 @@
  * --------------------------------------------------------------------------
  */
 
-const MAX_UID = 1000000
+const MAX_UID = 1_000_000
 const MILLISECONDS_MULTIPLIER = 1000
 const TRANSITION_END = 'transitionend'
 
 // Shoutout AngusCroll (https://goo.gl/pxwQGp)
-const toType = obj => {
-  if (obj === null || obj === undefined) {
-    return `${obj}`
+const toType = object => {
+  if (object === null || object === undefined) {
+    return `${object}`
   }
 
-  return {}.toString.call(obj).match(/\s([a-z]+)/i)[1].toLowerCase()
+  return Object.prototype.toString.call(object).match(/\s([a-z]+)/i)[1].toLowerCase()
 }
 
 /**
@@ -146,7 +146,26 @@ const isVisible = element => {
     return false
   }
 
-  return getComputedStyle(element).getPropertyValue('visibility') === 'visible'
+  const elementIsVisible = getComputedStyle(element).getPropertyValue('visibility') === 'visible'
+  // Handle `details` element as its content may falsie appear visible when it is closed
+  const closedDetails = element.closest('details:not([open])')
+
+  if (!closedDetails) {
+    return elementIsVisible
+  }
+
+  if (closedDetails !== element) {
+    const summary = element.closest('summary')
+    if (summary && summary.parentNode !== closedDetails) {
+      return false
+    }
+
+    if (summary === null) {
+      return false
+    }
+  }
+
+  return elementIsVisible
 }
 
 const isDisabled = element => {

package/js/src/util/sanitizer.js

@@ -1,6 +1,6 @@
 /**
  * --------------------------------------------------------------------------
- * CoreUI (v4.1.0): alert.js
+ * CoreUI (v4.1.1): alert.js
  * Licensed under MIT (https://coreui.io/license)
  *
  * This component is a modified version of the Bootstrap's  util/sanitizer.js

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@coreui/coreui",
   "description": "The most popular front-end framework for developing responsive, mobile-first projects on the web rewritten and maintain by the CoreUI Team",
-  "version": "4.1.0",
+  "version": "4.1.1",
   "config": {
-    "version_short": "4.0"
+    "version_short": "4.1"
   },
   "keywords": [
     "css",
@@ -19,7 +19,7 @@
   "scripts": {
     "start": "npm-run-all --parallel watch docs-serve",
     "bundlewatch": "bundlewatch --config .bundlewatch.config.json",
-    "changelog": "auto-changelog --template build/changelog-template.hbs --commit-limit false --package --backfill-limit 0 --starting-version v4.1.0",
+    "changelog": "auto-changelog --template build/changelog-template.hbs --commit-limit false --package --backfill-limit 0 --starting-version v4.1.1",
     "css": "npm-run-all css-compile css-prefix css-minify",
     "css-compile": "sass --style expanded --source-map --embed-sources --no-error-css scss/:dist/css/",
     "css-lint": "npm-run-all --aggregate-output --continue-on-error --parallel css-lint-*",
@@ -52,11 +52,9 @@
     "docs": "npm-run-all docs-build docs-lint",
     "docs-build": "hugo --cleanDestinationDir --enableGitInfo",
     "docs-compile": "npm run docs-build",
-    "docs-linkinator": "linkinator _site --recurse --skip \"^(?!http://localhost)\" --verbosity error",
-    "docs-spellcheck": "cspell \"docs/**/*.md\" --no-progress",
     "docs-vnu": "node build/vnu-jar.js",
-    "docs-lint": "npm-run-all --aggregate-output --parallel docs-vnu docs-linkinator docs-spellcheck",
-    "docs-serve": "hugo server --port 9001 --disableFastRender --enableGitInfo",
+    "docs-lint": "npm run docs-vnu",
+    "docs-serve": "hugo server --port 9001 --disableFastRender",
     "docs-serve-only": "npx sirv-cli _gh_pages --port 9001",
     "lockfile-lint": "lockfile-lint --allowed-hosts npm --allowed-schemes https: --empty-hostname false --type npm --path package-lock.json",
     "update-deps": "ncu -u -x globby,karma-browserstack-launcher && npm update && echo Manually update docs/assets/js/vendor",
@@ -66,7 +64,6 @@
     "release-zip": "cross-env-shell \"rm -rf coreui-$npm_package_version-dist && cp -r dist/ coreui-$npm_package_version-dist && zip -r9 coreui-$npm_package_version-dist.zip coreui-$npm_package_version-dist && rm -rf coreui-$npm_package_version-dist\"",
     "dist": "npm-run-all --aggregate-output --parallel css js",
     "test": "npm-run-all lint dist js-test docs-build docs-lint",
-    "netlify": "cross-env-shell HUGO_BASEURL=$DEPLOY_PRIME_URL npm-run-all dist release-sri docs-build",
     "watch": "npm-run-all --parallel watch-*",
     "watch-css-main": "nodemon --watch scss/ --ext scss --exec \"npm-run-all css-lint css-compile css-prefix\"",
     "watch-css-docs": "nodemon --watch docs/assets/scss/ --ext scss --exec \"npm run css-lint\"",
@@ -86,35 +83,34 @@
   },
   "license": "MIT",
   "peerDependencies": {
-    "@popperjs/core": "^2.11.0"
+    "@popperjs/core": "^2.11.2"
   },
   "devDependencies": {
-    "@babel/cli": "^7.16.0",
-    "@babel/core": "^7.16.0",
-    "@babel/preset-env": "^7.16.4",
-    "@popperjs/core": "^2.11.0",
-    "@rollup/plugin-babel": "^5.3.0",
-    "@rollup/plugin-commonjs": "^21.0.1",
-    "@rollup/plugin-node-resolve": "^13.0.6",
-    "@rollup/plugin-replace": "^3.0.0",
-    "auto-changelog": "^2.3.0",
-    "autoprefixer": "^10.4.0",
-    "bundlewatch": "^0.3.2",
-    "clean-css-cli": "^5.4.2",
+    "@babel/cli": "^7.17.6",
+    "@babel/core": "^7.17.5",
+    "@babel/preset-env": "^7.16.11",
+    "@popperjs/core": "^2.11.2",
+    "@rollup/plugin-babel": "^5.3.1",
+    "@rollup/plugin-commonjs": "^21.0.2",
+    "@rollup/plugin-node-resolve": "^13.1.3",
+    "@rollup/plugin-replace": "^4.0.0",
+    "auto-changelog": "^2.4.0",
+    "autoprefixer": "^10.4.2",
+    "bundlewatch": "^0.3.3",
+    "clean-css-cli": "^5.5.2",
     "cross-env": "^7.0.3",
-    "cspell": "^5.13.1",
-    "eslint": "^8.3.0",
-    "eslint-config-xo": "^0.39.0",
-    "eslint-plugin-import": "^2.25.3",
-    "eslint-plugin-unicorn": "^39.0.0",
-    "find-unused-sass-variables": "^3.1.0",
+    "eslint": "^8.10.0",
+    "eslint-config-xo": "^0.40.0",
+    "eslint-plugin-import": "^2.25.4",
+    "eslint-plugin-unicorn": "^41.0.0",
+    "find-unused-sass-variables": "^4.0.3",
     "glob": "^7.2.0",
     "globby": "^11.0.4",
     "hammer-simulator": "0.0.1",
-    "hugo-bin": "^0.77.4",
+    "hugo-bin": "^0.81.1",
     "ip": "^1.1.5",
     "jquery": "^3.6.0",
-    "karma": "^6.3.9",
+    "karma": "^6.3.17",
     "karma-browserstack-launcher": "1.6.0",
     "karma-chrome-launcher": "^3.1.0",
     "karma-coverage-istanbul-reporter": "^3.0.3",
@@ -122,22 +118,22 @@
     "karma-firefox-launcher": "^2.1.2",
     "karma-jasmine": "^4.0.1",
     "karma-jasmine-html-reporter": "^1.7.0",
-    "karma-rollup-preprocessor": "^7.0.7",
-    "linkinator": "^2.16.2",
+    "karma-rollup-preprocessor": "^7.0.8",
+    "linkinator": "^3.0.3",
     "lockfile-lint": "^4.6.2",
     "nodemon": "^2.0.15",
     "npm-run-all": "^4.1.5",
-    "postcss": "^8.4.4",
-    "postcss-cli": "^9.0.2",
+    "postcss": "^8.4.7",
+    "postcss-cli": "^9.1.0",
     "postcss-combine-duplicated-selectors": "^10.0.3",
-    "rollup": "^2.60.1",
+    "rollup": "^2.69.0",
     "rollup-plugin-istanbul": "^3.0.0",
     "rtlcss": "^3.5.0",
-    "sass": "^1.43.5",
-    "shelljs": "^0.8.4",
-    "stylelint": "^13.13.1",
-    "stylelint-config-twbs-bootstrap": "^2.2.4",
-    "terser": "^5.10.0",
+    "sass": "^1.49.9",
+    "shelljs": "^0.8.5",
+    "stylelint": "^14.5.3",
+    "stylelint-config-twbs-bootstrap": "^3.0.1",
+    "terser": "^5.12.0",
     "vnu-jar": "21.10.12"
   },
   "files": [
@@ -163,7 +159,7 @@
     },
     "dependencies": {},
     "peerDependencies": {
-      "@popperjs/core": "^2.11.0"
+      "@popperjs/core": "^2.11.2"
     }
   }
 }

package/scss/_modal.scss

@@ -124,8 +124,8 @@
 // Footer (for actions)
 .modal-footer {
   display: flex;
-  flex-wrap: wrap;
   flex-shrink: 0;
+  flex-wrap: wrap;
   align-items: center; // vertically center
   justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items
   padding: $modal-inner-padding - $modal-footer-margin-between * .5;

package/scss/_nav.scss

@@ -49,10 +49,9 @@
 
     &:hover,
     &:focus {
-      border-color: var(--#{$variable-prefix}nav-tabs-link-hover-border-color, $nav-tabs-link-hover-border-color);
-
       // Prevents active .nav-link tab overlapping focus outline of previous/next .nav-link
       isolation: isolate;
+      border-color: var(--#{$variable-prefix}nav-tabs-link-hover-border-color, $nav-tabs-link-hover-border-color);
     }
 
     &.disabled {

package/scss/_variables.scss

@@ -1871,9 +1871,12 @@ $sidebar-nav-icon-font-size:               $sidebar-nav-icon-height !default;
 
 $sidebar-nav-group-bg:                     rgba(0, 0, 0, .2) !default;
 $sidebar-nav-group-transition:             background .15s ease-in-out !default;
-$sidebar-nav-group-items-transition:       height .15s ease !default;
 $sidebar-nav-group-toggle-show-color:      $sidebar-nav-link-color !default;
 
+$sidebar-nav-group-items-padding-y:        0 !default;
+$sidebar-nav-group-items-padding-x:        0 !default;
+$sidebar-nav-group-items-transition:       height .15s ease !default;
+
 $sidebar-nav-group-indicator-color:        $medium-emphasis-inverse !default;
 $sidebar-nav-group-indicator-icon:         url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$sidebar-nav-group-indicator-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !default;
 $sidebar-nav-group-indicator-hover-color:  $sidebar-nav-link-hover-color !default;

package/scss/coreui-grid.rtl.scss

@@ -1,6 +1,6 @@
 /*!
  * CoreUI - HTML, CSS, and JavaScript UI Components Library
- * @version v4.1.0
+ * @version v4.1.1
  * @link https://coreui.io/
  * Copyright (c) 2021 creativeLabs Łukasz Holeczek
  * License MIT  (https://coreui.io/license/)

package/scss/coreui-grid.scss

@@ -1,6 +1,6 @@
 /*!
  * CoreUI - HTML, CSS, and JavaScript UI Components Library
- * @version v4.1.0
+ * @version v4.1.1
  * @link https://coreui.io/
  * Copyright (c) 2021 creativeLabs Łukasz Holeczek
  * License MIT  (https://coreui.io/license/)

package/scss/coreui-reboot.rtl.scss

@@ -1,6 +1,6 @@
 /*!
  * CoreUI - HTML, CSS, and JavaScript UI Components Library
- * @version v4.1.0
+ * @version v4.1.1
  * @link https://coreui.io/
  * Copyright (c) 2021 creativeLabs Łukasz Holeczek
  * License MIT  (https://coreui.io/license/)

package/scss/coreui-reboot.scss

@@ -1,6 +1,6 @@
 /*!
  * CoreUI - HTML, CSS, and JavaScript UI Components Library
- * @version v4.1.0
+ * @version v4.1.1
  * @link https://coreui.io/
  * Copyright (c) 2021 creativeLabs Łukasz Holeczek
  * License MIT  (https://coreui.io/license/)

package/scss/coreui-utilities.rtl.scss

@@ -1,6 +1,6 @@
 /*!
  * CoreUI - HTML, CSS, and JavaScript UI Components Library
- * @version v4.1.0
+ * @version v4.1.1
  * @link https://coreui.io/
  * Copyright (c) 2021 creativeLabs Łukasz Holeczek
  * License MIT  (https://coreui.io/license/)

package/scss/coreui-utilities.scss

@@ -1,6 +1,6 @@
 /*!
  * CoreUI - HTML, CSS, and JavaScript UI Components Library
- * @version v4.1.0
+ * @version v4.1.1
  * @link https://coreui.io/
  * Copyright (c) 2021 creativeLabs Łukasz Holeczek
  * License MIT  (https://coreui.io/license/)

package/scss/coreui.rtl.scss

@@ -1,6 +1,6 @@
 /*!
  * CoreUI - HTML, CSS, and JavaScript UI Components Library
- * @version v4.1.0
+ * @version v4.1.1
  * @link https://coreui.io/
  * Copyright (c) 2021 creativeLabs Łukasz Holeczek
  * License MIT  (https://coreui.io/license/)

package/scss/coreui.scss

@@ -1,6 +1,6 @@
 /*!
  * CoreUI - HTML, CSS, and JavaScript UI Components Library
- * @version v4.1.0
+ * @version v4.1.1
  * @link https://coreui.io/
  * Copyright (c) 2021 creativeLabs Łukasz Holeczek
  * License MIT  (https://coreui.io/license/)

package/scss/mixins/_reset-text.scss

@@ -11,7 +11,7 @@
   text-transform: none;
   letter-spacing: normal;
   word-break: normal;
-  word-spacing: normal;
   white-space: normal;
+  word-spacing: normal;
   line-break: auto;
 }

package/scss/mixins/_utilities.scss

@@ -20,6 +20,9 @@
     $property-class: if(map-has-key($utility, class), map-get($utility, class), nth($properties, 1));
     $property-class: if($property-class == null, "", $property-class);
 
+    // Use custom CSS variable name if present, otherwise default to `class`
+    $css-variable-name: if(map-has-key($utility, css-variable-name), map-get($utility, css-variable-name), map-get($utility, class));
+
     // State params to generate pseudo-classes
     $state: if(map-has-key($utility, state), map-get($utility, state), ());
 
@@ -28,16 +31,6 @@
     // Don't prefix if value key is null (eg. with shadow class)
     $property-class-modifier: if($key, if($property-class == "" and $infix == "", "", "-") + $key, "");
 
-    // Generate CSS Variable
-    $generate-vars: if(map-has-key($utility, vars), map-get($utility, vars), false);
-    $generate-only-vars: if(map-has-key($utility, only-vars), map-get($utility, only-vars), false);
-
-    // Generate RTL version
-    $generate-rtl: if(map-has-key($utility, rtl), map-get($utility, rtl), false);
-
-    // Add theme prefix
-    $theme-prefix: if(map-has-key($utility, theme-prefix), map-get($utility, theme-prefix), false);
-
     @if map-get($utility, rfs) {
       // Inside the media query
       @if $is-rfs-media-query {
@@ -62,28 +55,23 @@
 
       @if $is-css-var {
         .#{$property-class + $infix + $property-class-modifier} {
-          --#{$variable-prefix}#{$property-class}: #{$value};
+          --#{$variable-prefix}#{$css-variable-name}: #{$value};
         }
 
         @each $pseudo in $state {
           .#{$property-class + $infix + $property-class-modifier}-#{$pseudo}:#{$pseudo} {
-            --#{$variable-prefix}#{$property-class}: #{$value};
+            --#{$variable-prefix}#{$css-variable-name}: #{$value};
           }
         }
       } @else {
         .#{$property-class + $infix + $property-class-modifier} {
           @each $property in $properties {
             @if $is-local-vars {
-              @each $local-var, $value in $is-local-vars {
-                --#{$variable-prefix}#{$local-var}: #{$value};
+              @each $local-var, $variable in $is-local-vars {
+                --#{$variable-prefix}#{$local-var}: #{$variable};
               }
             }
-            @if $generate-rtl == true {
-              @include ltr-rtl($property, $value, null, null, if($enable-important-utilities, !important, null));
-            }
-            @else {
-              #{$property}: $value if($enable-important-utilities, !important, null);
-            }
+            #{$property}: $value if($enable-important-utilities, !important, null);
           }
         }
 

package/scss/sidebar/_sidebar-nav.scss

@@ -100,6 +100,7 @@
     @include transition($sidebar-nav-group-transition);
 
     .nav-group-items {
+      padding: $sidebar-nav-group-items-padding-y $sidebar-nav-group-items-padding-x;
       overflow: hidden;
       @include transition($sidebar-nav-group-items-transition);
     }