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

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.2 (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,18 +92,26 @@
   --cui-tertiary-color-rgb: 37, 43, 54;
   --cui-tertiary-bg: #f3f4f7;
   --cui-tertiary-bg-rgb: 243, 244, 247;
-  --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);
-  --cui-high-emphasis-inverse: rgba(255, 255, 255, 0.87);
-  --cui-medium-emphasis-inverse: rgba(255, 255, 255, 0.6);
-  --cui-disabled-inverse: rgba(255, 255, 255, 0.38);
+  --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-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-bg: #fff3cd;
   --cui-border-width: 1px;
@@ -123,7 +131,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,24 +140,21 @@
 
 [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-primary: #6261cc;
   --cui-secondary: #a6a7a8;
   --cui-success: #3aad60;
   --cui-info: #3d99f5;
@@ -166,7 +171,7 @@
   --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;
@@ -174,7 +179,7 @@
   --cui-danger-rgb: 219, 93, 93;
   --cui-light-rgb: 244, 245, 246;
   --cui-dark-rgb: 37, 40, 45;
-  --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;
@@ -182,7 +187,7 @@
   --cui-danger-text-emphasis: #671414;
   --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 +195,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 +204,13 @@
   --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-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 +224,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 +280,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,11 +288,11 @@
   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;
+  color: #080a0c !important;
   background-color: RGBA(244, 245, 246, var(--cui-bg-opacity, 1)) !important;
 }
 [data-coreui-theme=dark] .text-bg-dark {
-  color: rgba(255, 255, 255, 0.87) !important;
+  color: #fff !important;
   background-color: RGBA(37, 40, 45, var(--cui-bg-opacity, 1)) !important;
 }
 
@@ -297,9 +302,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 +313,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 +324,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 +346,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 +368,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 +379,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 +609,7 @@
 .vr {
   display: inline-block;
   align-self: stretch;
-  width: 1px;
+  width: var(--cui-border-width);
   min-height: 1em;
   padding: 0;
   background-color: currentcolor;
@@ -1004,7 +1009,7 @@
 }
 
 .border-top-primary {
-  border-top-color: #321fdb !important;
+  border-top-color: #5856d6 !important;
 }
 
 .border-top-secondary {
@@ -1040,7 +1045,7 @@
 }
 
 .border-end-primary {
-  border-right-color: #321fdb !important;
+  border-right-color: #5856d6 !important;
 }
 
 .border-end-secondary {
@@ -1076,7 +1081,7 @@
 }
 
 .border-bottom-primary {
-  border-bottom-color: #321fdb !important;
+  border-bottom-color: #5856d6 !important;
 }
 
 .border-bottom-secondary {
@@ -1112,7 +1117,7 @@
 }
 
 .border-start-primary {
-  border-left-color: #321fdb !important;
+  border-left-color: #5856d6 !important;
 }
 
 .border-start-secondary {