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

package/dist/css/coreui-utilities.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /*!
- * CoreUI Utilities v5.0.0-alpha.1 (https://coreui.io)
+ * CoreUI Utilities v5.0.0-alpha.3 (https://coreui.io)
  * Copyright (c) 2023 creativeLabs Łukasz Holeczek
  * Licensed under MIT (https://github.com/coreui/coreui/blob/main/LICENSE)
  */
@@ -29,7 +29,7 @@
   --cui-gray-700: #4a566d;
   --cui-gray-800: #323a49;
   --cui-gray-900: #212631;
-  --cui-primary: #321fdb;
+  --cui-primary: #5856d6;
   --cui-secondary: #9da5b1;
   --cui-success: #2eb85c;
   --cui-info: #39f;
@@ -37,7 +37,7 @@
   --cui-danger: #e55353;
   --cui-light: #f3f4f7;
   --cui-dark: #212631;
-  --cui-primary-rgb: 50, 31, 219;
+  --cui-primary-rgb: 88, 86, 214;
   --cui-secondary-rgb: 157, 165, 177;
   --cui-success-rgb: 46, 184, 92;
   --cui-info-rgb: 51, 153, 255;
@@ -45,7 +45,7 @@
   --cui-danger-rgb: 229, 83, 83;
   --cui-light-rgb: 243, 244, 247;
   --cui-dark-rgb: 33, 38, 49;
-  --cui-primary-text-emphasis: #1f1498;
+  --cui-primary-text-emphasis: #3634a3;
   --cui-secondary-text-emphasis: #212233;
   --cui-success-text-emphasis: #0f5722;
   --cui-info-text-emphasis: #184c77;
@@ -53,7 +53,7 @@
   --cui-danger-text-emphasis: #671414;
   --cui-light-text-emphasis: #4a566d;
   --cui-dark-text-emphasis: #323a49;
-  --cui-primary-bg-subtle: #ccc7f6;
+  --cui-primary-bg-subtle: #cfc7f3;
   --cui-secondary-bg-subtle: #ced2d8;
   --cui-success-bg-subtle: #cbedd6;
   --cui-info-bg-subtle: #c0e6ff;
@@ -61,7 +61,7 @@
   --cui-danger-bg-subtle: #f9d4d4;
   --cui-light-bg-subtle: #f9fafb;
   --cui-dark-bg-subtle: #cfd4de;
-  --cui-primary-border-subtle: #988fed;
+  --cui-primary-border-subtle: #9d92e6;
   --cui-secondary-border-subtle: #9da5b1;
   --cui-success-border-subtle: #96dbad;
   --cui-info-border-subtle: #80c6ff;
@@ -92,6 +92,20 @@
   --cui-tertiary-color-rgb: 37, 43, 54;
   --cui-tertiary-bg: #f3f4f7;
   --cui-tertiary-bg-rgb: 243, 244, 247;
+  --cui-body-color-dark: rgba(255, 255, 255, 0.87);
+  --cui-body-color-rgb-dark: 255, 255, 255;
+  --cui-body-bg-dark: #212631;
+  --cui-body-bg-rgb-dark: 33, 38, 49;
+  --cui-emphasis-color-dark: #fff;
+  --cui-emphasis-color-rgb-dark: 255, 255, 255;
+  --cui-secondary-color-dark: rgba(255, 255, 255, 0.6);
+  --cui-secondary-color-rgb-dark: 255, 255, 255;
+  --cui-secondary-bg-dark: #323a49;
+  --cui-secondary-bg-rgb-dark: 50, 58, 73;
+  --cui-tertiary-color-dark: rgba(255, 255, 255, 0.38);
+  --cui-tertiary-color-rgb-dark: 255, 255, 255;
+  --cui-tertiary-bg-dark: #2a303d;
+  --cui-tertiary-bg-rgb-dark: 42, 48, 61;
   --cui-high-emphasis: rgba(37, 43, 54, 0.95);
   --cui-medium-emphasis: rgba(37, 43, 54, 0.681);
   --cui-disabled: rgba(37, 43, 54, 0.38);
@@ -99,12 +113,13 @@
   --cui-medium-emphasis-inverse: rgba(255, 255, 255, 0.6);
   --cui-disabled-inverse: rgba(255, 255, 255, 0.38);
   --cui-heading-color: inherit;
-  --cui-link-color: #321fdb;
-  --cui-link-color-rgb: 50, 31, 219;
+  --cui-link-color: #5856d6;
+  --cui-link-color-rgb: 88, 86, 214;
   --cui-link-decoration: underline;
-  --cui-link-hover-color: #2819af;
-  --cui-link-hover-color-rgb: 40, 25, 175;
+  --cui-link-hover-color: #4645ab;
+  --cui-link-hover-color-rgb: 70, 69, 171;
   --cui-code-color: #d63384;
+  --cui-highlight-color: rgba(37, 43, 54, 0.95);
   --cui-highlight-bg: #fff3cd;
   --cui-border-width: 1px;
   --cui-border-style: solid;
@@ -123,7 +138,7 @@
   --cui-box-shadow-inset: inset 0 1px 2px rgba(8, 10, 12, 0.075);
   --cui-focus-ring-width: 0.25rem;
   --cui-focus-ring-opacity: 0.25;
-  --cui-focus-ring-color: rgba(50, 31, 219, 0.25);
+  --cui-focus-ring-color: rgba(88, 86, 214, 0.25);
   --cui-form-valid-color: #2eb85c;
   --cui-form-valid-border-color: #2eb85c;
   --cui-form-invalid-color: #e55353;
@@ -132,31 +147,31 @@
 
 [data-coreui-theme=dark] {
   color-scheme: dark;
-  --cui-body-color: #aab3c5;
-  --cui-body-color-rgb: 170, 179, 197;
+  --cui-body-color: rgba(255, 255, 255, 0.87);
+  --cui-body-color-rgb: 255, 255, 255;
   --cui-body-bg: #212631;
   --cui-body-bg-rgb: 33, 38, 49;
   --cui-emphasis-color: #fff;
   --cui-emphasis-color-rgb: 255, 255, 255;
-  --cui-secondary-color: rgba(170, 179, 197, 0.75);
-  --cui-secondary-color-rgb: 170, 179, 197;
+  --cui-secondary-color: rgba(255, 255, 255, 0.6);
+  --cui-secondary-color-rgb: 255, 255, 255;
   --cui-secondary-bg: #323a49;
   --cui-secondary-bg-rgb: 50, 58, 73;
-  --cui-tertiary-color: rgba(170, 179, 197, 0.5);
-  --cui-tertiary-color-rgb: 170, 179, 197;
-  --cui-tertiary-bg: #252a37;
-  --cui-tertiary-bg-rgb: 37, 42, 55;
-  --cui-high-emphasis: #aab3c5;
-  --cui-medium-emphasis: rgba(170, 179, 197, 0.75);
-  --cui-disabled: rgba(170, 179, 197, 0.5);
-  --cui-primary: #6b60ce;
+  --cui-tertiary-color: rgba(255, 255, 255, 0.38);
+  --cui-tertiary-color-rgb: 255, 255, 255;
+  --cui-tertiary-bg: #2a303d;
+  --cui-tertiary-bg-rgb: 42, 48, 61;
+  --cui-high-emphasis: rgba(255, 255, 255, 0.87);
+  --cui-medium-emphasis: rgba(255, 255, 255, 0.6);
+  --cui-disabled: rgba(255, 255, 255, 0.38);
+  --cui-primary: #6261cc;
   --cui-secondary: #a6a7a8;
   --cui-success: #3aad60;
   --cui-info: #3d99f5;
   --cui-warning: #edad21;
   --cui-danger: #db5d5d;
-  --cui-light: #f4f5f6;
-  --cui-dark: #25282d;
+  --cui-light: #f3f4f7;
+  --cui-dark: #212631;
   --cui-gray-100: #f3f4f7;
   --cui-gray-200: #e7eaee;
   --cui-gray-300: #dbdfe6;
@@ -166,23 +181,23 @@
   --cui-gray-700: #4a566d;
   --cui-gray-800: #323a49;
   --cui-gray-900: #212631;
-  --cui-primary-rgb: 107, 96, 206;
+  --cui-primary-rgb: 98, 97, 204;
   --cui-secondary-rgb: 166, 167, 168;
   --cui-success-rgb: 58, 173, 96;
   --cui-info-rgb: 61, 153, 245;
   --cui-warning-rgb: 237, 173, 33;
   --cui-danger-rgb: 219, 93, 93;
-  --cui-light-rgb: 244, 245, 246;
-  --cui-dark-rgb: 37, 40, 45;
-  --cui-primary-text-emphasis: #1f1498;
-  --cui-secondary-text-emphasis: #212233;
-  --cui-success-text-emphasis: #0f5722;
-  --cui-info-text-emphasis: #184c77;
-  --cui-warning-text-emphasis: #764705;
-  --cui-danger-text-emphasis: #671414;
+  --cui-light-rgb: 243, 244, 247;
+  --cui-dark-rgb: 33, 38, 49;
+  --cui-primary-text-emphasis: #403f98;
+  --cui-secondary-text-emphasis: #25262f;
+  --cui-success-text-emphasis: #145224;
+  --cui-info-text-emphasis: #1f4b70;
+  --cui-warning-text-emphasis: #70460b;
+  --cui-danger-text-emphasis: #611a1a;
   --cui-light-text-emphasis: #f3f4f7;
   --cui-dark-text-emphasis: #dbdfe6;
-  --cui-primary-bg-subtle: #ccc7f6;
+  --cui-primary-bg-subtle: #cfc7f3;
   --cui-secondary-bg-subtle: #ced2d8;
   --cui-success-bg-subtle: #cbedd6;
   --cui-info-bg-subtle: #c0e6ff;
@@ -190,7 +205,7 @@
   --cui-danger-bg-subtle: #f9d4d4;
   --cui-light-bg-subtle: #323a49;
   --cui-dark-bg-subtle: #1d222b;
-  --cui-primary-border-subtle: #988fed;
+  --cui-primary-border-subtle: #9d92e6;
   --cui-secondary-border-subtle: #9da5b1;
   --cui-success-border-subtle: #96dbad;
   --cui-info-border-subtle: #80c6ff;
@@ -199,13 +214,15 @@
   --cui-light-border-subtle: #4a566d;
   --cui-dark-border-subtle: #323a49;
   --cui-heading-color: inherit;
-  --cui-link-color: #8479e9;
-  --cui-link-hover-color: #9d94ed;
-  --cui-link-color-rgb: 132, 121, 233;
-  --cui-link-hover-color-rgb: 157, 148, 237;
+  --cui-link-color: #6261cc;
+  --cui-link-hover-color: #8181d6;
+  --cui-link-color-rgb: 98, 97, 204;
+  --cui-link-hover-color-rgb: 129, 129, 214;
   --cui-code-color: #e685b5;
-  --cui-border-color: #4a566d;
-  --cui-border-color-translucent: rgba(255, 255, 255, 0.15);
+  --cui-highlight-color: rgba(255, 255, 255, 0.87);
+  --cui-highlight-bg: #664d03;
+  --cui-border-color: #323a49;
+  --cui-border-color-translucent: rgba(255, 255, 255, 0.1);
   --cui-form-valid-color: #75b798;
   --cui-form-valid-border-color: #75b798;
   --cui-form-invalid-color: #ea868f;
@@ -219,55 +236,55 @@
 }
 
 .text-bg-primary {
-  color: rgba(255, 255, 255, 0.87) !important;
-  background-color: RGBA(50, 31, 219, var(--cui-bg-opacity, 1)) !important;
+  color: #fff !important;
+  background-color: RGBA(var(--cui-primary-rgb), var(--cui-bg-opacity, 1)) !important;
 }
 
 .text-bg-secondary {
-  color: rgba(37, 43, 54, 0.95) !important;
-  background-color: RGBA(157, 165, 177, var(--cui-bg-opacity, 1)) !important;
+  color: #080a0c !important;
+  background-color: RGBA(var(--cui-secondary-rgb), var(--cui-bg-opacity, 1)) !important;
 }
 
 .text-bg-success {
-  color: rgba(37, 43, 54, 0.95) !important;
-  background-color: RGBA(46, 184, 92, var(--cui-bg-opacity, 1)) !important;
+  color: #080a0c !important;
+  background-color: RGBA(var(--cui-success-rgb), var(--cui-bg-opacity, 1)) !important;
 }
 
 .text-bg-info {
   color: #080a0c !important;
-  background-color: RGBA(51, 153, 255, var(--cui-bg-opacity, 1)) !important;
+  background-color: RGBA(var(--cui-info-rgb), var(--cui-bg-opacity, 1)) !important;
 }
 
 .text-bg-warning {
-  color: rgba(37, 43, 54, 0.95) !important;
-  background-color: RGBA(249, 177, 21, var(--cui-bg-opacity, 1)) !important;
+  color: #080a0c !important;
+  background-color: RGBA(var(--cui-warning-rgb), var(--cui-bg-opacity, 1)) !important;
 }
 
 .text-bg-danger {
   color: #080a0c !important;
-  background-color: RGBA(229, 83, 83, var(--cui-bg-opacity, 1)) !important;
+  background-color: RGBA(var(--cui-danger-rgb), var(--cui-bg-opacity, 1)) !important;
 }
 
 .text-bg-light {
-  color: rgba(37, 43, 54, 0.95) !important;
-  background-color: RGBA(243, 244, 247, var(--cui-bg-opacity, 1)) !important;
+  color: #080a0c !important;
+  background-color: RGBA(var(--cui-light-rgb), var(--cui-bg-opacity, 1)) !important;
 }
 
 .text-bg-dark {
-  color: rgba(255, 255, 255, 0.87) !important;
-  background-color: RGBA(33, 38, 49, var(--cui-bg-opacity, 1)) !important;
+  color: #fff !important;
+  background-color: RGBA(var(--cui-dark-rgb), var(--cui-bg-opacity, 1)) !important;
 }
 
 [data-coreui-theme=dark] .text-bg-primary {
   color: #fff !important;
-  background-color: RGBA(107, 96, 206, var(--cui-bg-opacity, 1)) !important;
+  background-color: RGBA(98, 97, 204, var(--cui-bg-opacity, 1)) !important;
 }
 [data-coreui-theme=dark] .text-bg-secondary {
-  color: rgba(37, 43, 54, 0.95) !important;
+  color: #080a0c !important;
   background-color: RGBA(166, 167, 168, var(--cui-bg-opacity, 1)) !important;
 }
 [data-coreui-theme=dark] .text-bg-success {
-  color: rgba(37, 43, 54, 0.95) !important;
+  color: #080a0c !important;
   background-color: RGBA(58, 173, 96, var(--cui-bg-opacity, 1)) !important;
 }
 [data-coreui-theme=dark] .text-bg-info {
@@ -275,7 +292,7 @@
   background-color: RGBA(61, 153, 245, var(--cui-bg-opacity, 1)) !important;
 }
 [data-coreui-theme=dark] .text-bg-warning {
-  color: rgba(37, 43, 54, 0.95) !important;
+  color: #080a0c !important;
   background-color: RGBA(237, 173, 33, var(--cui-bg-opacity, 1)) !important;
 }
 [data-coreui-theme=dark] .text-bg-danger {
@@ -283,12 +300,12 @@
   background-color: RGBA(219, 93, 93, var(--cui-bg-opacity, 1)) !important;
 }
 [data-coreui-theme=dark] .text-bg-light {
-  color: rgba(37, 43, 54, 0.95) !important;
-  background-color: RGBA(244, 245, 246, var(--cui-bg-opacity, 1)) !important;
+  color: #080a0c !important;
+  background-color: RGBA(243, 244, 247, var(--cui-bg-opacity, 1)) !important;
 }
 [data-coreui-theme=dark] .text-bg-dark {
-  color: rgba(255, 255, 255, 0.87) !important;
-  background-color: RGBA(37, 40, 45, var(--cui-bg-opacity, 1)) !important;
+  color: #fff !important;
+  background-color: RGBA(33, 38, 49, var(--cui-bg-opacity, 1)) !important;
 }
 
 .link-primary {
@@ -297,9 +314,9 @@
   text-decoration-color: RGBA(var(--cui-primary-rgb), var(--cui-link-underline-opacity, 1)) !important;
 }
 .link-primary:hover, .link-primary:focus {
-  color: RGBA(91, 76, 226, var(--cui-link-opacity, 1)) !important;
-  -webkit-text-decoration-color: RGBA(91, 76, 226, var(--cui-link-underline-opacity, 1)) !important;
-  text-decoration-color: RGBA(91, 76, 226, var(--cui-link-underline-opacity, 1)) !important;
+  color: RGBA(70, 69, 171, var(--cui-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(70, 69, 171, var(--cui-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(70, 69, 171, var(--cui-link-underline-opacity, 1)) !important;
 }
 
 .link-secondary {
@@ -308,9 +325,9 @@
   text-decoration-color: RGBA(var(--cui-secondary-rgb), var(--cui-link-underline-opacity, 1)) !important;
 }
 .link-secondary:hover, .link-secondary:focus {
-  color: RGBA(126, 132, 142, var(--cui-link-opacity, 1)) !important;
-  -webkit-text-decoration-color: RGBA(126, 132, 142, var(--cui-link-underline-opacity, 1)) !important;
-  text-decoration-color: RGBA(126, 132, 142, var(--cui-link-underline-opacity, 1)) !important;
+  color: RGBA(177, 183, 193, var(--cui-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(177, 183, 193, var(--cui-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(177, 183, 193, var(--cui-link-underline-opacity, 1)) !important;
 }
 
 .link-success {
@@ -319,9 +336,9 @@
   text-decoration-color: RGBA(var(--cui-success-rgb), var(--cui-link-underline-opacity, 1)) !important;
 }
 .link-success:hover, .link-success:focus {
-  color: RGBA(37, 147, 74, var(--cui-link-opacity, 1)) !important;
-  -webkit-text-decoration-color: RGBA(37, 147, 74, var(--cui-link-underline-opacity, 1)) !important;
-  text-decoration-color: RGBA(37, 147, 74, var(--cui-link-underline-opacity, 1)) !important;
+  color: RGBA(88, 198, 125, var(--cui-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(88, 198, 125, var(--cui-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(88, 198, 125, var(--cui-link-underline-opacity, 1)) !important;
 }
 
 .link-info {
@@ -341,9 +358,9 @@
   text-decoration-color: RGBA(var(--cui-warning-rgb), var(--cui-link-underline-opacity, 1)) !important;
 }
 .link-warning:hover, .link-warning:focus {
-  color: RGBA(199, 142, 17, var(--cui-link-opacity, 1)) !important;
-  -webkit-text-decoration-color: RGBA(199, 142, 17, var(--cui-link-underline-opacity, 1)) !important;
-  text-decoration-color: RGBA(199, 142, 17, var(--cui-link-underline-opacity, 1)) !important;
+  color: RGBA(250, 193, 68, var(--cui-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(250, 193, 68, var(--cui-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(250, 193, 68, var(--cui-link-underline-opacity, 1)) !important;
 }
 
 .link-danger {
@@ -363,9 +380,9 @@
   text-decoration-color: RGBA(var(--cui-light-rgb), var(--cui-link-underline-opacity, 1)) !important;
 }
 .link-light:hover, .link-light:focus {
-  color: RGBA(194, 195, 198, var(--cui-link-opacity, 1)) !important;
-  -webkit-text-decoration-color: RGBA(194, 195, 198, var(--cui-link-underline-opacity, 1)) !important;
-  text-decoration-color: RGBA(194, 195, 198, var(--cui-link-underline-opacity, 1)) !important;
+  color: RGBA(245, 246, 249, var(--cui-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(245, 246, 249, var(--cui-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(245, 246, 249, var(--cui-link-underline-opacity, 1)) !important;
 }
 
 .link-dark {
@@ -374,9 +391,9 @@
   text-decoration-color: RGBA(var(--cui-dark-rgb), var(--cui-link-underline-opacity, 1)) !important;
 }
 .link-dark:hover, .link-dark:focus {
-  color: RGBA(77, 81, 90, var(--cui-link-opacity, 1)) !important;
-  -webkit-text-decoration-color: RGBA(77, 81, 90, var(--cui-link-underline-opacity, 1)) !important;
-  text-decoration-color: RGBA(77, 81, 90, var(--cui-link-underline-opacity, 1)) !important;
+  color: RGBA(26, 30, 39, var(--cui-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(26, 30, 39, var(--cui-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(26, 30, 39, var(--cui-link-underline-opacity, 1)) !important;
 }
 
 .link-body-emphasis {
@@ -604,7 +621,7 @@
 .vr {
   display: inline-block;
   align-self: stretch;
-  width: 1px;
+  width: var(--cui-border-width);
   min-height: 1em;
   padding: 0;
   background-color: currentcolor;
@@ -785,15 +802,15 @@
 }
 
 .shadow {
-  box-shadow: 0 0.5rem 1rem rgba(8, 10, 12, 0.15) !important;
+  box-shadow: var(--cui-box-shadow) !important;
 }
 
 .shadow-sm {
-  box-shadow: 0 0.125rem 0.25rem rgba(8, 10, 12, 0.075) !important;
+  box-shadow: var(--cui-box-shadow-sm) !important;
 }
 
 .shadow-lg {
-  box-shadow: 0 1rem 3rem rgba(8, 10, 12, 0.175) !important;
+  box-shadow: var(--cui-box-shadow-lg) !important;
 }
 
 .shadow-none {
@@ -1004,7 +1021,7 @@
 }
 
 .border-top-primary {
-  border-top-color: #321fdb !important;
+  border-top-color: #5856d6 !important;
 }
 
 .border-top-secondary {
@@ -1040,7 +1057,7 @@
 }
 
 .border-end-primary {
-  border-right-color: #321fdb !important;
+  border-right-color: #5856d6 !important;
 }
 
 .border-end-secondary {
@@ -1076,7 +1093,7 @@
 }
 
 .border-bottom-primary {
-  border-bottom-color: #321fdb !important;
+  border-bottom-color: #5856d6 !important;
 }
 
 .border-bottom-secondary {
@@ -1112,7 +1129,7 @@
 }
 
 .border-start-primary {
-  border-left-color: #321fdb !important;
+  border-left-color: #5856d6 !important;
 }
 
 .border-start-secondary {