@coreui/coreui 5.0.0-alpha.3 → 5.0.0-beta.1

package/dist/css/coreui.rtl.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /*!
- * CoreUI  v5.0.0-alpha.3 (https://coreui.io)
+ * CoreUI  v5.0.0-beta.1 (https://coreui.io)
  * Copyright (c) 2023 creativeLabs Łukasz Holeczek
  * Licensed under MIT (https://github.com/coreui/coreui/blob/main/LICENSE)
  */
@@ -7495,7 +7495,7 @@ textarea.form-control-lg {
 .header.header-sticky {
   position: sticky;
   top: 0;
-  z-index: 1029;
+  z-index: 1020;
 }
 
 .header-divider {
@@ -7655,6 +7655,7 @@ textarea.form-control-lg {
 }
 
 .sidebar {
+  --cui-sidebar-zindex: 1035;
   --cui-sidebar-width: 16rem;
   --cui-sidebar-bg: var(--cui-body-bg);
   --cui-sidebar-padding-x: 1rem;
@@ -7662,7 +7663,6 @@ textarea.form-control-lg {
   --cui-sidebar-color: var(--cui-body-color);
   --cui-sidebar-brand-color: var(--cui-body-color);
   --cui-sidebar-brand-bg: rgba(8, 10, 12, 0.2);
-  --cui-sidebar-overlaid-zindex: 1045;
   position: relative;
   display: flex;
   flex: 0 0 var(--cui-sidebar-width);
@@ -7679,6 +7679,9 @@ textarea.form-control-lg {
     transition: none;
   }
 }
+.sidebar.sidebar-fixed, .sidebar.sidebar-narrow, .sidebar.sidebar-narrow-unfoldable, .sidebar.sidebar-overlaid {
+  z-index: var(--cui-sidebar-zindex);
+}
 .sidebar:not(.sidebar-end) {
   margin-right: 0;
 }
@@ -7760,33 +7763,41 @@ textarea.form-control-lg {
   }
 }
 .sidebar.sidebar-overlaid {
+  --cui-sidebar-overlaid-box-shadow: var(--cui-box-shadow);
   position: fixed;
   top: 0;
   bottom: 0;
-  z-index: var(--cui-sidebar-overlaid-zindex);
-}
-.sidebar.sidebar-overlaid:not(.hide) {
-  box-shadow: 0 0.5rem 1rem rgba(8, 10, 12, 0.15);
 }
 .sidebar.sidebar-overlaid:not(.sidebar-end) {
   right: 0;
+  margin-right: calc(-1 * var(--cui-sidebar-width));
 }
 .sidebar.sidebar-overlaid:not(.sidebar-end) ~ * {
   --cui-sidebar-occupy-start: 0 !important;
 }
 .sidebar.sidebar-overlaid.sidebar-end {
   left: 0;
+  margin-left: calc(-1 * var(--cui-sidebar-width));
 }
 .sidebar.sidebar-overlaid.sidebar-end ~ * {
   --cui-sidebar-occupy-end: 0 !important;
 }
+.sidebar.sidebar-overlaid.show {
+  box-shadow: var(--cui-sidebar-overlaid-box-shadow);
+}
+.sidebar.sidebar-overlaid.show:not(.sidebar-end) {
+  margin-right: 0;
+}
+.sidebar.sidebar-overlaid.show.sidebar-end {
+  margin-left: 0;
+}
 @media (max-width: 767.98px) {
   .sidebar {
     --cui-is-mobile: true;
     position: fixed;
     top: 0;
     bottom: 0;
-    z-index: var(--cui-sidebar-overlaid-zindex);
+    z-index: var(--cui-sidebar-zindex);
   }
   .sidebar:not(.sidebar-end) {
     right: 0;
@@ -7895,7 +7906,7 @@ textarea.form-control-lg {
 }
 
 .sidebar-backdrop {
-  --cui-backdrop-zindex: 1040;
+  --cui-backdrop-zindex: 1034;
   --cui-backdrop-bg: #080a0c;
   --cui-backdrop-opacity: 0.5;
 }
@@ -8191,14 +8202,12 @@ textarea.form-control-lg {
 }
 @media (min-width: 768px) {
   .sidebar-narrow-unfoldable:not(:hover), .sidebar-narrow {
-    z-index: 1031;
     flex: 0 0 var(--cui-sidebar-narrow-width);
     width: var(--cui-sidebar-narrow-width);
     padding-bottom: var(--cui-sidebar-toggler-height);
     overflow: visible;
   }
   .sidebar-fixed.sidebar-narrow-unfoldable:not(:hover), .sidebar-fixed.sidebar-narrow {
-    z-index: 1031;
     width: var(--cui-sidebar-narrow-width);
   }
   .sidebar-narrow-unfoldable:not(:hover) .sidebar-brand-full, .sidebar-narrow .sidebar-brand-full {
@@ -8225,8 +8234,8 @@ textarea.form-control-lg {
   .sidebar-narrow-unfoldable:not(:hover) .sidebar-form,
   .sidebar-narrow .sidebar-form {
     height: 0 !important;
-    padding: 0;
-    margin: 0;
+    padding: 0 !important;
+    margin: 0 !important;
     visibility: hidden;
     opacity: 0;
   }
@@ -8250,7 +8259,6 @@ textarea.form-control-lg {
 
 .sidebar-narrow-unfoldable {
   position: fixed;
-  z-index: 1031;
 }
 .sidebar-narrow-unfoldable:not(.sidebar-end) ~ * {
   --cui-sidebar-occupy-start: 4rem;