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

package/dist/css/coreui.rtl.css

@@ -1,7 +1,7 @@
 @charset "UTF-8";
 /*!
- * CoreUI  v5.0.0-beta.2 (https://coreui.io)
- * Copyright (c) 2023 creativeLabs Łukasz Holeczek
+ * CoreUI  v5.0.0-rc-2 (https://coreui.io)
+ * Copyright (c) 2024 creativeLabs Łukasz Holeczek
  * Licensed under MIT (https://github.com/coreui/coreui/blob/main/LICENSE)
  */
 :root,
@@ -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 {
@@ -3029,6 +3029,9 @@ textarea.form-control-lg {
 .btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
   box-shadow: var(--cui-btn-focus-box-shadow);
 }
+.btn-check:checked:focus-visible + .btn {
+  box-shadow: var(--cui-btn-focus-box-shadow);
+}
 .btn:disabled, .btn.disabled, fieldset:disabled .btn {
   color: var(--cui-btn-disabled-color);
   pointer-events: none;
@@ -3786,7 +3789,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;
@@ -4938,12 +4941,11 @@ textarea.form-control-lg {
   --cui-accordion-btn-padding-y: 1rem;
   --cui-accordion-btn-color: var(--cui-body-color);
   --cui-accordion-btn-bg: var(--cui-accordion-bg);
-  --cui-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba%2837, 43, 54, 0.95%29'%3e%3cpath 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'/%3e%3c/svg%3e");
+  --cui-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgba%2837, 43, 54, 0.95%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
   --cui-accordion-btn-icon-width: 1.25rem;
   --cui-accordion-btn-icon-transform: rotate(-180deg);
   --cui-accordion-btn-icon-transition: transform 0.2s ease-in-out;
-  --cui-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%233634a3'%3e%3cpath 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'/%3e%3c/svg%3e");
-  --cui-accordion-btn-focus-border-color: #acabeb;
+  --cui-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%233634a3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
   --cui-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
   --cui-accordion-body-padding-x: 1.25rem;
   --cui-accordion-body-padding-y: 1rem;
@@ -4959,7 +4961,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;
@@ -4984,7 +4986,7 @@ textarea.form-control-lg {
   flex-shrink: 0;
   width: var(--cui-accordion-btn-icon-width);
   height: var(--cui-accordion-btn-icon-width);
-  margin-left: auto;
+  margin-right: auto;
   content: "";
   background-image: var(--cui-accordion-btn-icon);
   background-repeat: no-repeat;
@@ -5001,7 +5003,6 @@ textarea.form-control-lg {
 }
 .accordion-button:focus {
   z-index: 3;
-  border-color: var(--cui-accordion-btn-focus-border-color);
   outline: 0;
   box-shadow: var(--cui-accordion-btn-focus-box-shadow);
 }
@@ -5019,7 +5020,7 @@ textarea.form-control-lg {
   border-top-left-radius: var(--cui-accordion-border-radius);
   border-top-right-radius: var(--cui-accordion-border-radius);
 }
-.accordion-item:first-of-type .accordion-button {
+.accordion-item:first-of-type > .accordion-header .accordion-button {
   border-top-left-radius: var(--cui-accordion-inner-border-radius);
   border-top-right-radius: var(--cui-accordion-inner-border-radius);
 }
@@ -5030,11 +5031,11 @@ textarea.form-control-lg {
   border-bottom-right-radius: var(--cui-accordion-border-radius);
   border-bottom-left-radius: var(--cui-accordion-border-radius);
 }
-.accordion-item:last-of-type .accordion-button.collapsed {
+.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
   border-bottom-right-radius: var(--cui-accordion-inner-border-radius);
   border-bottom-left-radius: var(--cui-accordion-inner-border-radius);
 }
-.accordion-item:last-of-type .accordion-collapse {
+.accordion-item:last-of-type > .accordion-collapse {
   border-bottom-right-radius: var(--cui-accordion-border-radius);
   border-bottom-left-radius: var(--cui-accordion-border-radius);
 }
@@ -5043,21 +5044,21 @@ textarea.form-control-lg {
   padding: var(--cui-accordion-body-padding-y) var(--cui-accordion-body-padding-x);
 }
 
-.accordion-flush .accordion-collapse {
-  border-width: 0;
-}
-.accordion-flush .accordion-item {
+.accordion-flush > .accordion-item {
   border-right: 0;
   border-left: 0;
   border-radius: 0;
 }
-.accordion-flush .accordion-item:first-child {
+.accordion-flush > .accordion-item:first-child {
   border-top: 0;
 }
-.accordion-flush .accordion-item:last-child {
+.accordion-flush > .accordion-item:last-child {
   border-bottom: 0;
 }
-.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
+.accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
+  border-radius: 0;
+}
+.accordion-flush > .accordion-item > .accordion-collapse {
   border-radius: 0;
 }
 
@@ -5987,7 +5988,6 @@ textarea.form-control-lg {
   display: flex;
   flex-shrink: 0;
   align-items: center;
-  justify-content: space-between;
   padding: var(--cui-modal-header-padding);
   border-bottom: var(--cui-modal-header-border-width) solid var(--cui-modal-header-border-color);
   border-top-left-radius: var(--cui-modal-inner-border-radius);
@@ -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;
@@ -7185,7 +7185,6 @@ textarea.form-control-lg {
 .offcanvas-header {
   display: flex;
   align-items: center;
-  justify-content: space-between;
   padding: var(--cui-offcanvas-padding-y) var(--cui-offcanvas-padding-x);
 }
 .offcanvas-header .btn-close {
@@ -7868,12 +7867,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 +7877,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 +7968,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 +7977,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 +8198,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 +8219,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 +8241,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 +8271,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 +8956,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 {