@coreui/coreui 5.0.0-beta.2 → 5.0.0-rc.1

package/dist/css/coreui.rtl.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /*!
- * CoreUI  v5.0.0-beta.2 (https://coreui.io)
+ * CoreUI  v5.0.0-rc.1 (https://coreui.io)
  * Copyright (c) 2023 creativeLabs Łukasz Holeczek
  * Licensed under MIT (https://github.com/coreui/coreui/blob/main/LICENSE)
  */
@@ -463,7 +463,7 @@ caption {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
   color: var(--cui-table-caption-color, var(--cui-secondary-color));
-  text-align: left;
+  text-align: right;
 }
 
 th {
@@ -3786,7 +3786,7 @@ textarea.form-control-lg {
   margin: 0;
   font-size: var(--cui-dropdown-font-size);
   color: var(--cui-dropdown-color);
-  text-align: left;
+  text-align: right;
   list-style: none;
   background-color: var(--cui-dropdown-bg);
   background-clip: padding-box;
@@ -4959,7 +4959,7 @@ textarea.form-control-lg {
   padding: var(--cui-accordion-btn-padding-y) var(--cui-accordion-btn-padding-x);
   font-size: 1rem;
   color: var(--cui-accordion-btn-color);
-  text-align: left;
+  text-align: right;
   background-color: var(--cui-accordion-btn-bg);
   border: 0;
   border-radius: 0;
@@ -6189,7 +6189,7 @@ textarea.form-control-lg {
   font-style: normal;
   font-weight: 400;
   line-height: 1.5;
-  text-align: left;
+  text-align: right;
   text-align: start;
   text-decoration: none;
   text-shadow: none;
@@ -6299,7 +6299,7 @@ textarea.form-control-lg {
   font-style: normal;
   font-weight: 400;
   line-height: 1.5;
-  text-align: left;
+  text-align: right;
   text-align: start;
   text-decoration: none;
   text-shadow: none;
@@ -7868,12 +7868,6 @@ textarea.form-control-lg {
   background-color: transparent;
   border: 0;
   border-radius: 0.375rem;
-  transition: var(--cui-sidebar-toggler-transition);
-}
-@media (prefers-reduced-motion: reduce) {
-  .sidebar-toggler {
-    transition: none;
-  }
 }
 .sidebar-toggler::before {
   position: absolute;
@@ -7884,6 +7878,15 @@ textarea.form-control-lg {
   content: "";
   background-color: var(--cui-sidebar-toggler-color);
   mask: var(--cui-sidebar-toggler-bg) no-repeat center;
+  transition: var(--cui-sidebar-toggler-transition);
+}
+@media (prefers-reduced-motion: reduce) {
+  .sidebar-toggler::before {
+    transition: none;
+  }
+}
+*[dir=rtl] .sidebar-toggler::before {
+  transform: rotate(-180deg);
 }
 .sidebar-toggler:hover {
   text-decoration: none;
@@ -7966,7 +7969,7 @@ textarea.form-control-lg {
   --cui-sidebar-nav-link-icon-width: 1.25rem;
   --cui-sidebar-nav-link-icon-height: 1.25rem;
   --cui-sidebar-nav-link-icon-font-size: 1.25rem;
-  --cui-sidebar-nav-link-active-icon-color: var(--cui-primary);
+  --cui-sidebar-nav-link-active-icon-color: var(--cui-emphasis-color);
   --cui-sidebar-nav-link-disabled-icon-color: var(--cui-tertiary-color);
   --cui-sidebar-nav-link-hover-icon-color: var(--cui-body-color);
   --cui-sidebar-nav-link-icon-bullet-size: 0.3125rem;
@@ -7975,7 +7978,7 @@ textarea.form-control-lg {
   --cui-sidebar-nav-link-icon-bullet-border-radius: 50rem;
   --cui-sidebar-nav-link-icon-bullet-border-color: var(--cui-tertiary-color);
   --cui-sidebar-nav-link-active-icon-bullet-bg: transparent;
-  --cui-sidebar-nav-link-active-icon-bullet-border-color: var(--cui-primary);
+  --cui-sidebar-nav-link-active-icon-bullet-border-color: var(--cui-emphasis-color);
   --cui-sidebar-nav-link-disabled-icon-bullet-bg: transparent;
   --cui-sidebar-nav-link-disabled-icon-bullet-border-color: var(--cui-tertiary-color);
   --cui-sidebar-nav-link-hover-icon-bullet-bg: transparent;
@@ -8196,10 +8199,6 @@ textarea.form-control-lg {
 .sidebar-narrow-unfoldable:not(:hover), .sidebar-narrow {
   --cui-sidebar-narrow-width: 4rem;
 }
-.sidebar-narrow-unfoldable:not(:hover) .sidebar-nav, .sidebar-narrow .sidebar-nav {
-  --cui-sidebar-nav-link-padding-x: 0.5rem;
-  --cui-sidebar-nav-link-padding-y: 0.75rem;
-}
 @media (min-width: 992px) {
   .sidebar-narrow-unfoldable:not(:hover), .sidebar-narrow {
     flex: 0 0 var(--cui-sidebar-narrow-width);
@@ -8221,6 +8220,10 @@ textarea.form-control-lg {
     padding-right: 0;
     padding-left: 0;
   }
+  .sidebar-narrow-unfoldable:not(:hover) .sidebar-nav, .sidebar-narrow .sidebar-nav {
+    --cui-sidebar-nav-link-padding-x: 0.5rem;
+    --cui-sidebar-nav-link-padding-y: 0.75rem;
+  }
   .sidebar-narrow-unfoldable:not(:hover) .nav-icon, .sidebar-narrow .nav-icon {
     flex: 0 0 calc(var(--cui-sidebar-narrow-width) - var(--cui-sidebar-nav-padding-x) * 2 - var(--cui-sidebar-nav-link-padding-x) * 2);
   }
@@ -8239,7 +8242,7 @@ textarea.form-control-lg {
     visibility: hidden;
     opacity: 0;
   }
-  .sidebar-narrow-unfoldable:not(:hover) .sidebar-toggler, .sidebar-narrow .sidebar-toggler {
+  .sidebar-narrow-unfoldable:not(:hover) .sidebar-toggler::before, .sidebar-narrow .sidebar-toggler::before {
     transform: rotate(0deg);
   }
   .sidebar-end.sidebar-narrow-unfoldable:not(:hover) .sidebar-toggler::before, .sidebar-end.sidebar-narrow .sidebar-toggler::before {
@@ -8269,10 +8272,10 @@ textarea.form-control-lg {
 .sidebar-narrow-unfoldable:hover {
   box-shadow: 0 0.5rem 1rem rgba(8, 10, 12, 0.15);
 }
-.sidebar-narrow-unfoldable:hover .sidebar-toggler {
+.sidebar-narrow-unfoldable:hover .sidebar-toggler::before {
   transform: rotate(0deg);
 }
-.sidebar-narrow-unfoldable:hover.sidebar-end .sidebar-toggler {
+.sidebar-narrow-unfoldable:hover.sidebar-end .sidebar-toggler::before {
   transform: rotate(0deg);
 }
 .sidebar-narrow-unfoldable .nav-link {
@@ -8954,35 +8957,35 @@ textarea.form-control-lg {
 }
 
 .start-0 {
-  left: 0 !important;
+  right: 0 !important;
 }
 
 .start-50 {
-  left: 50% !important;
+  right: 50% !important;
 }
 
 .start-100 {
-  left: 100% !important;
+  right: 100% !important;
 }
 
 .end-0 {
-  right: 0 !important;
+  left: 0 !important;
 }
 
 .end-50 {
-  right: 50% !important;
+  left: 50% !important;
 }
 
 .end-100 {
-  right: 100% !important;
+  left: 100% !important;
 }
 
 .translate-middle {
-  transform: translate(-50%, -50%) !important;
+  transform: translate(50%, -50%) !important;
 }
 
 .translate-middle-x {
-  transform: translateX(-50%) !important;
+  transform: translateX(50%) !important;
 }
 
 .translate-middle-y {