Merge branch 'main' of https://github.com/coreui/coreui

# Conflicts:
#	package-lock.json
#	package.json
#	scss/sidebar/_sidebar.scss

Author: mrholek

build/rollup.config.mjs

@@ -20,6 +20,15 @@ const plugins = [
     exclude: 'node_modules/**',
     // Include the helpers in the bundle, at most one copy of each
     babelHelpers: 'bundled'
+  }),
+  BOOTSTRAP && replace({
+    preventAssignment: true,
+    delimiters: ['', ''],
+    '/coreui': '/coreui', // prevents changes in URLs
+    coreui: 'bs',
+    '-coreui': '-bs',
+    'coreui=': 'bs=', // [data-coreui="navigation"] => [data-bs="navigation"] (workaround for `preventAssignment` being true),
+    '--cui-': '--bs-'
   })
 ]
 const globals = {
@@ -38,10 +47,7 @@ if (BUNDLE) {
   plugins.push(
     replace({
       'process.env.NODE_ENV': '"production"',
-      preventAssignment: true,
-      ...BOOTSTRAP && {
-        'coreui.': 'bs.'
-      }
+      preventAssignment: true
     }),
     nodeResolve()
   )

docs/content/components/sidebar.md

@@ -301,6 +301,8 @@ Sidebars use local CSS variables on `.sidebar`, `.sidebar-backdrop`, `.sidebar-n
 
 {{< scss-docs name="sidebar-narrow-css-vars" file="scss/sidebar/_sidebar-narrow.scss" >}}
 
+{{< scss-docs name="sidebar-narrow-unfoldable-css-vars" file="scss/sidebar/_sidebar-narrow.scss" >}}
+
 {{< scss-docs name="sidebar-nav-css-vars" file="scss/sidebar/_sidebar-nav.scss" >}}
 
 {{< scss-docs name="sidebar-toggler-css-vars" file="scss/sidebar/_sidebar.scss" >}}