@coreui/coreui 4.3.0-alpha.0 → 4.3.0-beta.0

package/dist/css/coreui.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /*!
- * CoreUI  v4.3.0-alpha.0 (https://coreui.io)
+ * CoreUI  v4.3.0-beta.0 (https://coreui.io)
  * Copyright (c) 2023 creativeLabs Łukasz Holeczek
  * Licensed under MIT (https://github.com/coreui/coreui/blob/main/LICENSE)
  */
@@ -204,8 +204,8 @@
   --cui-link-color-rgb: 132, 121, 233;
   --cui-link-hover-color-rgb: 157, 148, 237;
   --cui-code-color: #e685b5;
-  --cui-border-color: #323a49;
-  --cui-border-color-translucent: rgba(255, 255, 255, 0.1);
+  --cui-border-color: #4a566d;
+  --cui-border-color-translucent: rgba(255, 255, 255, 0.15);
   --cui-form-valid-color: #75b798;
   --cui-form-valid-border-color: #75b798;
   --cui-form-invalid-color: #ea868f;
@@ -1887,7 +1887,7 @@ progress {
   --cui-table-color-state: initial;
   --cui-table-bg-state: initial;
   --cui-table-color: var(--cui-body-color);
-  --cui-table-bg: transparent;
+  --cui-table-bg: var(--cui-body-bg);
   --cui-table-border-color: var(--cui-border-color);
   --cui-table-accent-bg: transparent;
   --cui-table-striped-color: var(--cui-body-color);
@@ -3028,6 +3028,7 @@ textarea.form-control-lg {
 .btn {
   --cui-btn-padding-x: 0.75rem;
   --cui-btn-padding-y: 0.375rem;
+  --cui-btn-font-family: ;
   --cui-btn-font-size: 1rem;
   --cui-btn-font-weight: 400;
   --cui-btn-line-height: 1.5;
@@ -4090,6 +4091,7 @@ textarea.form-control-lg {
   --cui-dropdown-color: #dbdfe6;
   --cui-dropdown-bg: #323a49;
   --cui-dropdown-border-color: var(--cui-border-color-translucent);
+  --cui-dropdown-box-shadow: ;
   --cui-dropdown-link-color: #dbdfe6;
   --cui-dropdown-link-hover-color: #fff;
   --cui-dropdown-divider-bg: var(--cui-border-color-translucent);
@@ -4203,6 +4205,7 @@ textarea.form-control-lg {
 .nav {
   --cui-nav-link-padding-x: 1rem;
   --cui-nav-link-padding-y: 0.5rem;
+  --cui-nav-link-font-weight: ;
   --cui-nav-link-color: var(--cui-link-color);
   --cui-nav-link-hover-color: var(--cui-link-hover-color);
   --cui-nav-link-disabled-color: var(--cui-secondary-color);
@@ -4388,6 +4391,7 @@ textarea.form-control-lg {
 .navbar-nav {
   --cui-nav-link-padding-x: 0;
   --cui-nav-link-padding-y: 0.5rem;
+  --cui-nav-link-font-weight: ;
   --cui-nav-link-color: var(--cui-navbar-color);
   --cui-nav-link-hover-color: var(--cui-navbar-hover-color);
   --cui-nav-link-disabled-color: var(--cui-navbar-disabled-color);
@@ -4742,7 +4746,8 @@ textarea.form-control-lg {
   overflow-y: visible;
 }
 
-.navbar-dark {
+.navbar-dark,
+.navbar[data-coreui-theme=dark] {
   --cui-navbar-color: rgba(255, 255, 255, 0.55);
   --cui-navbar-hover-color: rgba(255, 255, 255, 0.75);
   --cui-navbar-disabled-color: rgba(255, 255, 255, 0.25);
@@ -4761,13 +4766,19 @@ textarea.form-control-lg {
   --cui-card-spacer-y: 1rem;
   --cui-card-spacer-x: 1rem;
   --cui-card-title-spacer-y: 0.5rem;
+  --cui-card-title-color: ;
+  --cui-card-subtitle-color: ;
   --cui-card-border-width: var(--cui-border-width);
   --cui-card-border-color: var(--cui-border-color-translucent);
   --cui-card-border-radius: var(--cui-border-radius);
+  --cui-card-box-shadow: ;
   --cui-card-inner-border-radius: calc(var(--cui-border-radius) - (var(--cui-border-width)));
   --cui-card-cap-padding-y: 0.5rem;
   --cui-card-cap-padding-x: 1rem;
   --cui-card-cap-bg: rgba(var(--cui-body-color-rgb), 0.03);
+  --cui-card-cap-color: ;
+  --cui-card-height: ;
+  --cui-card-color: ;
   --cui-card-bg: var(--cui-body-bg);
   --cui-card-img-overlay-padding: 1rem;
   --cui-card-group-margin: 0.75rem;
@@ -5082,6 +5093,8 @@ textarea.form-control-lg {
   --cui-breadcrumb-padding-x: 0;
   --cui-breadcrumb-padding-y: 0;
   --cui-breadcrumb-margin-bottom: 1rem;
+  --cui-breadcrumb-bg: ;
+  --cui-breadcrumb-border-radius: ;
   --cui-breadcrumb-divider-color: var(--cui-secondary-color);
   --cui-breadcrumb-item-padding-x: 0.5rem;
   --cui-breadcrumb-item-active-color: var(--cui-secondary-color);
@@ -5828,6 +5841,7 @@ textarea.form-control-lg {
   --cui-toast-spacing: 1.5rem;
   --cui-toast-max-width: 350px;
   --cui-toast-font-size: 0.875rem;
+  --cui-toast-color: ;
   --cui-toast-bg: rgba(var(--cui-body-bg-rgb), 0.85);
   --cui-toast-border-width: var(--cui-border-width);
   --cui-toast-border-color: var(--cui-border-color-translucent);
@@ -5894,6 +5908,7 @@ textarea.form-control-lg {
   --cui-modal-width: 500px;
   --cui-modal-padding: 1rem;
   --cui-modal-margin: 0.5rem;
+  --cui-modal-color: ;
   --cui-modal-bg: var(--cui-body-bg);
   --cui-modal-border-color: var(--cui-border-color-translucent);
   --cui-modal-border-width: var(--cui-border-width);
@@ -5907,6 +5922,7 @@ textarea.form-control-lg {
   --cui-modal-header-border-width: var(--cui-border-width);
   --cui-modal-title-line-height: 1.5;
   --cui-modal-footer-gap: 0.5rem;
+  --cui-modal-footer-bg: ;
   --cui-modal-footer-border-color: var(--cui-border-color);
   --cui-modal-footer-border-width: var(--cui-border-width);
   position: fixed;
@@ -6184,6 +6200,7 @@ textarea.form-control-lg {
   --cui-tooltip-max-width: 200px;
   --cui-tooltip-padding-x: 0.5rem;
   --cui-tooltip-padding-y: 0.25rem;
+  --cui-tooltip-margin: ;
   --cui-tooltip-font-size: 0.875rem;
   --cui-tooltip-color: var(--cui-body-bg);
   --cui-tooltip-bg: var(--cui-emphasis-color);
@@ -7368,10 +7385,10 @@ textarea.form-control-lg {
   --cui-callout-padding-y: 1rem;
   --cui-callout-margin-x: 0;
   --cui-callout-margin-y: 1rem;
-  --cui-callout-border-width: 1px;
-  --cui-callout-border-color: #dbdfe6;
-  --cui-callout-border-left-width: 4px;
-  --cui-callout-border-radius: 0.375rem;
+  --cui-callout-border-width: var(--cui-border-width);
+  --cui-callout-border-color: var(--cui-border-color);
+  --cui-callout-border-left-width: calc(var(--cui-border-width) * 4);
+  --cui-callout-border-radius: var(--cui-border-radius);
   padding: var(--cui-callout-padding-y) var(--cui-callout-padding-x);
   margin: var(--cui-callout-margin-y) var(--cui-callout-margin-x);
   border: var(--cui-callout-border-width) solid var(--cui-callout-border-color);