@dynamic-framework/ui-react 2.0.0-dev.5 → 2.0.0-dev.7

package/dist/css/dynamic-ui-non-root.css

@@ -1,5 +1,5 @@
 /*!
- * dynamic-framework 2.0.0-dev.5
+ * dynamic-framework 2.0.0-dev.7
  * bootstrap ~5.3.8
  * license https://github.com/dynamic-framework/dynamic-ui/blob/master/libraries/dynamic-ui-react/LICENSE.md
  */
@@ -8596,6 +8596,20 @@ body {
   --bs-btn-disabled-opacity: var(--bs-btn-link-primary-disabled-opacity);
 }
 
+.btn-outline-primary {
+  --bs-btn-color: var(--bs-btn-outline-primary-color);
+  --bs-btn-border-color: var(--bs-btn-outline-primary-border-color);
+  --bs-btn-hover-color: var(--bs-btn-outline-primary-hover-color);
+  --bs-btn-hover-border-color: var(--bs-btn-outline-primary-hover-border-color);
+  --bs-btn-active-color: var(--bs-btn-outline-primary-active-color);
+  --bs-btn-active-border-color: var(--bs-btn-outline-primary-active-border-color);
+  --bs-btn-focus-color: var(--bs-btn-outline-primary-focus-color);
+  --bs-btn-focus-shadow-rgb: var(--bs-btn-outline-primary-focus-shadow-rgb);
+  --bs-btn-box-shadow: 0 0 0 transparent;
+  --bs-btn-disabled-border-color: var(--bs-btn-outline-primary-disabled-border-color);
+  --bs-btn-disabled-color: var(--bs-btn-outline-primary-disabled-color);
+}
+
 .btn-secondary {
   --bs-btn-color: var(--bs-btn-secondary-color);
   --bs-btn-bg: var(--bs-btn-secondary-bg);
@@ -8640,6 +8654,20 @@ body {
   --bs-btn-disabled-opacity: var(--bs-btn-link-secondary-disabled-opacity);
 }
 
+.btn-outline-secondary {
+  --bs-btn-color: var(--bs-btn-outline-secondary-color);
+  --bs-btn-border-color: var(--bs-btn-outline-secondary-border-color);
+  --bs-btn-hover-color: var(--bs-btn-outline-secondary-hover-color);
+  --bs-btn-hover-border-color: var(--bs-btn-outline-secondary-hover-border-color);
+  --bs-btn-active-color: var(--bs-btn-outline-secondary-active-color);
+  --bs-btn-active-border-color: var(--bs-btn-outline-secondary-active-border-color);
+  --bs-btn-focus-color: var(--bs-btn-outline-secondary-focus-color);
+  --bs-btn-focus-shadow-rgb: var(--bs-btn-outline-secondary-focus-shadow-rgb);
+  --bs-btn-box-shadow: 0 0 0 transparent;
+  --bs-btn-disabled-border-color: var(--bs-btn-outline-secondary-disabled-border-color);
+  --bs-btn-disabled-color: var(--bs-btn-outline-secondary-disabled-color);
+}
+
 .btn-success {
   --bs-btn-color: var(--bs-btn-success-color);
   --bs-btn-bg: var(--bs-btn-success-bg);
@@ -8684,6 +8712,20 @@ body {
   --bs-btn-disabled-opacity: var(--bs-btn-link-success-disabled-opacity);
 }
 
+.btn-outline-success {
+  --bs-btn-color: var(--bs-btn-outline-success-color);
+  --bs-btn-border-color: var(--bs-btn-outline-success-border-color);
+  --bs-btn-hover-color: var(--bs-btn-outline-success-hover-color);
+  --bs-btn-hover-border-color: var(--bs-btn-outline-success-hover-border-color);
+  --bs-btn-active-color: var(--bs-btn-outline-success-active-color);
+  --bs-btn-active-border-color: var(--bs-btn-outline-success-active-border-color);
+  --bs-btn-focus-color: var(--bs-btn-outline-success-focus-color);
+  --bs-btn-focus-shadow-rgb: var(--bs-btn-outline-success-focus-shadow-rgb);
+  --bs-btn-box-shadow: 0 0 0 transparent;
+  --bs-btn-disabled-border-color: var(--bs-btn-outline-success-disabled-border-color);
+  --bs-btn-disabled-color: var(--bs-btn-outline-success-disabled-color);
+}
+
 .btn-info {
   --bs-btn-color: var(--bs-btn-info-color);
   --bs-btn-bg: var(--bs-btn-info-bg);
@@ -8728,6 +8770,20 @@ body {
   --bs-btn-disabled-opacity: var(--bs-btn-link-info-disabled-opacity);
 }
 
+.btn-outline-info {
+  --bs-btn-color: var(--bs-btn-outline-info-color);
+  --bs-btn-border-color: var(--bs-btn-outline-info-border-color);
+  --bs-btn-hover-color: var(--bs-btn-outline-info-hover-color);
+  --bs-btn-hover-border-color: var(--bs-btn-outline-info-hover-border-color);
+  --bs-btn-active-color: var(--bs-btn-outline-info-active-color);
+  --bs-btn-active-border-color: var(--bs-btn-outline-info-active-border-color);
+  --bs-btn-focus-color: var(--bs-btn-outline-info-focus-color);
+  --bs-btn-focus-shadow-rgb: var(--bs-btn-outline-info-focus-shadow-rgb);
+  --bs-btn-box-shadow: 0 0 0 transparent;
+  --bs-btn-disabled-border-color: var(--bs-btn-outline-info-disabled-border-color);
+  --bs-btn-disabled-color: var(--bs-btn-outline-info-disabled-color);
+}
+
 .btn-warning {
   --bs-btn-color: var(--bs-btn-warning-color);
   --bs-btn-bg: var(--bs-btn-warning-bg);
@@ -8772,6 +8828,20 @@ body {
   --bs-btn-disabled-opacity: var(--bs-btn-link-warning-disabled-opacity);
 }
 
+.btn-outline-warning {
+  --bs-btn-color: var(--bs-btn-outline-warning-color);
+  --bs-btn-border-color: var(--bs-btn-outline-warning-border-color);
+  --bs-btn-hover-color: var(--bs-btn-outline-warning-hover-color);
+  --bs-btn-hover-border-color: var(--bs-btn-outline-warning-hover-border-color);
+  --bs-btn-active-color: var(--bs-btn-outline-warning-active-color);
+  --bs-btn-active-border-color: var(--bs-btn-outline-warning-active-border-color);
+  --bs-btn-focus-color: var(--bs-btn-outline-warning-focus-color);
+  --bs-btn-focus-shadow-rgb: var(--bs-btn-outline-warning-focus-shadow-rgb);
+  --bs-btn-box-shadow: 0 0 0 transparent;
+  --bs-btn-disabled-border-color: var(--bs-btn-outline-warning-disabled-border-color);
+  --bs-btn-disabled-color: var(--bs-btn-outline-warning-disabled-color);
+}
+
 .btn-danger {
   --bs-btn-color: var(--bs-btn-danger-color);
   --bs-btn-bg: var(--bs-btn-danger-bg);
@@ -8816,6 +8886,20 @@ body {
   --bs-btn-disabled-opacity: var(--bs-btn-link-danger-disabled-opacity);
 }
 
+.btn-outline-danger {
+  --bs-btn-color: var(--bs-btn-outline-danger-color);
+  --bs-btn-border-color: var(--bs-btn-outline-danger-border-color);
+  --bs-btn-hover-color: var(--bs-btn-outline-danger-hover-color);
+  --bs-btn-hover-border-color: var(--bs-btn-outline-danger-hover-border-color);
+  --bs-btn-active-color: var(--bs-btn-outline-danger-active-color);
+  --bs-btn-active-border-color: var(--bs-btn-outline-danger-active-border-color);
+  --bs-btn-focus-color: var(--bs-btn-outline-danger-focus-color);
+  --bs-btn-focus-shadow-rgb: var(--bs-btn-outline-danger-focus-shadow-rgb);
+  --bs-btn-box-shadow: 0 0 0 transparent;
+  --bs-btn-disabled-border-color: var(--bs-btn-outline-danger-disabled-border-color);
+  --bs-btn-disabled-color: var(--bs-btn-outline-danger-disabled-color);
+}
+
 .btn-light {
   --bs-btn-color: var(--bs-btn-light-color);
   --bs-btn-bg: var(--bs-btn-light-bg);
@@ -8860,6 +8944,20 @@ body {
   --bs-btn-disabled-opacity: var(--bs-btn-link-light-disabled-opacity);
 }
 
+.btn-outline-light {
+  --bs-btn-color: var(--bs-btn-outline-light-color);
+  --bs-btn-border-color: var(--bs-btn-outline-light-border-color);
+  --bs-btn-hover-color: var(--bs-btn-outline-light-hover-color);
+  --bs-btn-hover-border-color: var(--bs-btn-outline-light-hover-border-color);
+  --bs-btn-active-color: var(--bs-btn-outline-light-active-color);
+  --bs-btn-active-border-color: var(--bs-btn-outline-light-active-border-color);
+  --bs-btn-focus-color: var(--bs-btn-outline-light-focus-color);
+  --bs-btn-focus-shadow-rgb: var(--bs-btn-outline-light-focus-shadow-rgb);
+  --bs-btn-box-shadow: 0 0 0 transparent;
+  --bs-btn-disabled-border-color: var(--bs-btn-outline-light-disabled-border-color);
+  --bs-btn-disabled-color: var(--bs-btn-outline-light-disabled-color);
+}
+
 .btn-dark {
   --bs-btn-color: var(--bs-btn-dark-color);
   --bs-btn-bg: var(--bs-btn-dark-bg);
@@ -8904,511 +9002,18 @@ body {
   --bs-btn-disabled-opacity: var(--bs-btn-link-dark-disabled-opacity);
 }
 
-.btn-indigo {
-  --bs-btn-color: var(--bs-btn-indigo-color);
-  --bs-btn-bg: var(--bs-btn-indigo-bg);
-  --bs-btn-border-color: var(--bs-btn-indigo-border-color);
-  --bs-btn-box-shadow: var(--bs-btn-indigo-box-shadow);
-  --bs-btn-hover-color: var(--bs-btn-indigo-hover-color);
-  --bs-btn-hover-bg: var(--bs-btn-indigo-hover-bg);
-  --bs-btn-hover-border-color: var(--bs-btn-indigo-hover-border-color);
-  --bs-btn-focus-color: var(--bs-btn-indigo-focus-color);
-  --bs-btn-focus-bg: var(--bs-btn-indigo-focus-bg);
-  --bs-btn-focus-border-color: var(--bs-btn-indigo-focus-border-color);
-  --bs-btn-focus-shadow-rgb: var(--bs-btn-indigo-focus-shadow-rgb);
-  --bs-btn-active-color: var(--bs-btn-indigo-active-color);
-  --bs-btn-active-bg: var(--bs-btn-indigo-active-bg);
-  --bs-btn-active-border-color: var(--bs-btn-indigo-active-border-color);
-  --bs-btn-active-box-shadow: var(--bs-btn-indigo-active-box-shadow);
-  --bs-btn-disabled-color: var(--bs-btn-indigo-disabled-color);
-  --bs-btn-disabled-bg: var(--bs-btn-indigo-disabled-bg);
-  --bs-btn-disabled-border-color: var(--bs-btn-indigo-disabled-border-color);
-  --bs-btn-disabled-opacity: var(--bs-btn-indigo-disabled-opacity);
-}
-
-.btn-link-indigo {
-  --bs-btn-color: var(--bs-btn-link-indigo-color);
-  --bs-btn-bg: var(--bs-btn-link-indigo-bg);
-  --bs-btn-border-color: var(--bs-btn-link-indigo-border-color);
-  --bs-btn-box-shadow: var(--bs-btn-link-indigo-box-shadow);
-  --bs-btn-hover-color: var(--bs-btn-link-indigo-hover-color);
-  --bs-btn-hover-bg: var(--bs-btn-link-indigo-hover-bg);
-  --bs-btn-hover-border-color: var(--bs-btn-link-indigo-hover-border-color);
-  --bs-btn-focus-color: var(--bs-btn-link-indigo-focus-color);
-  --bs-btn-focus-bg: var(--bs-btn-link-indigo-focus-bg);
-  --bs-btn-focus-border-color: var(--bs-btn-link-indigo-focus-border-color);
-  --bs-btn-focus-shadow-rgb: var(--bs-btn-link-indigo-focus-shadow-rgb);
-  --bs-btn-active-color: var(--bs-btn-link-indigo-active-color);
-  --bs-btn-active-bg: var(--bs-btn-link-indigo-active-bg);
-  --bs-btn-active-border-color: var(--bs-btn-link-indigo-active-border-color);
-  --bs-btn-active-box-shadow: var(--bs-btn-link-indigo-active-box-shadow);
-  --bs-btn-disabled-color: var(--bs-btn-link-indigo-disabled-color);
-  --bs-btn-disabled-bg: var(--bs-btn-link-indigo-disabled-bg);
-  --bs-btn-disabled-border-color: var(--bs-btn-link-indigo-disabled-border-color);
-  --bs-btn-disabled-opacity: var(--bs-btn-link-indigo-disabled-opacity);
-}
-
-.btn-purple {
-  --bs-btn-color: var(--bs-btn-purple-color);
-  --bs-btn-bg: var(--bs-btn-purple-bg);
-  --bs-btn-border-color: var(--bs-btn-purple-border-color);
-  --bs-btn-box-shadow: var(--bs-btn-purple-box-shadow);
-  --bs-btn-hover-color: var(--bs-btn-purple-hover-color);
-  --bs-btn-hover-bg: var(--bs-btn-purple-hover-bg);
-  --bs-btn-hover-border-color: var(--bs-btn-purple-hover-border-color);
-  --bs-btn-focus-color: var(--bs-btn-purple-focus-color);
-  --bs-btn-focus-bg: var(--bs-btn-purple-focus-bg);
-  --bs-btn-focus-border-color: var(--bs-btn-purple-focus-border-color);
-  --bs-btn-focus-shadow-rgb: var(--bs-btn-purple-focus-shadow-rgb);
-  --bs-btn-active-color: var(--bs-btn-purple-active-color);
-  --bs-btn-active-bg: var(--bs-btn-purple-active-bg);
-  --bs-btn-active-border-color: var(--bs-btn-purple-active-border-color);
-  --bs-btn-active-box-shadow: var(--bs-btn-purple-active-box-shadow);
-  --bs-btn-disabled-color: var(--bs-btn-purple-disabled-color);
-  --bs-btn-disabled-bg: var(--bs-btn-purple-disabled-bg);
-  --bs-btn-disabled-border-color: var(--bs-btn-purple-disabled-border-color);
-  --bs-btn-disabled-opacity: var(--bs-btn-purple-disabled-opacity);
-}
-
-.btn-link-purple {
-  --bs-btn-color: var(--bs-btn-link-purple-color);
-  --bs-btn-bg: var(--bs-btn-link-purple-bg);
-  --bs-btn-border-color: var(--bs-btn-link-purple-border-color);
-  --bs-btn-box-shadow: var(--bs-btn-link-purple-box-shadow);
-  --bs-btn-hover-color: var(--bs-btn-link-purple-hover-color);
-  --bs-btn-hover-bg: var(--bs-btn-link-purple-hover-bg);
-  --bs-btn-hover-border-color: var(--bs-btn-link-purple-hover-border-color);
-  --bs-btn-focus-color: var(--bs-btn-link-purple-focus-color);
-  --bs-btn-focus-bg: var(--bs-btn-link-purple-focus-bg);
-  --bs-btn-focus-border-color: var(--bs-btn-link-purple-focus-border-color);
-  --bs-btn-focus-shadow-rgb: var(--bs-btn-link-purple-focus-shadow-rgb);
-  --bs-btn-active-color: var(--bs-btn-link-purple-active-color);
-  --bs-btn-active-bg: var(--bs-btn-link-purple-active-bg);
-  --bs-btn-active-border-color: var(--bs-btn-link-purple-active-border-color);
-  --bs-btn-active-box-shadow: var(--bs-btn-link-purple-active-box-shadow);
-  --bs-btn-disabled-color: var(--bs-btn-link-purple-disabled-color);
-  --bs-btn-disabled-bg: var(--bs-btn-link-purple-disabled-bg);
-  --bs-btn-disabled-border-color: var(--bs-btn-link-purple-disabled-border-color);
-  --bs-btn-disabled-opacity: var(--bs-btn-link-purple-disabled-opacity);
-}
-
-.btn-pink {
-  --bs-btn-color: var(--bs-btn-pink-color);
-  --bs-btn-bg: var(--bs-btn-pink-bg);
-  --bs-btn-border-color: var(--bs-btn-pink-border-color);
-  --bs-btn-box-shadow: var(--bs-btn-pink-box-shadow);
-  --bs-btn-hover-color: var(--bs-btn-pink-hover-color);
-  --bs-btn-hover-bg: var(--bs-btn-pink-hover-bg);
-  --bs-btn-hover-border-color: var(--bs-btn-pink-hover-border-color);
-  --bs-btn-focus-color: var(--bs-btn-pink-focus-color);
-  --bs-btn-focus-bg: var(--bs-btn-pink-focus-bg);
-  --bs-btn-focus-border-color: var(--bs-btn-pink-focus-border-color);
-  --bs-btn-focus-shadow-rgb: var(--bs-btn-pink-focus-shadow-rgb);
-  --bs-btn-active-color: var(--bs-btn-pink-active-color);
-  --bs-btn-active-bg: var(--bs-btn-pink-active-bg);
-  --bs-btn-active-border-color: var(--bs-btn-pink-active-border-color);
-  --bs-btn-active-box-shadow: var(--bs-btn-pink-active-box-shadow);
-  --bs-btn-disabled-color: var(--bs-btn-pink-disabled-color);
-  --bs-btn-disabled-bg: var(--bs-btn-pink-disabled-bg);
-  --bs-btn-disabled-border-color: var(--bs-btn-pink-disabled-border-color);
-  --bs-btn-disabled-opacity: var(--bs-btn-pink-disabled-opacity);
-}
-
-.btn-link-pink {
-  --bs-btn-color: var(--bs-btn-link-pink-color);
-  --bs-btn-bg: var(--bs-btn-link-pink-bg);
-  --bs-btn-border-color: var(--bs-btn-link-pink-border-color);
-  --bs-btn-box-shadow: var(--bs-btn-link-pink-box-shadow);
-  --bs-btn-hover-color: var(--bs-btn-link-pink-hover-color);
-  --bs-btn-hover-bg: var(--bs-btn-link-pink-hover-bg);
-  --bs-btn-hover-border-color: var(--bs-btn-link-pink-hover-border-color);
-  --bs-btn-focus-color: var(--bs-btn-link-pink-focus-color);
-  --bs-btn-focus-bg: var(--bs-btn-link-pink-focus-bg);
-  --bs-btn-focus-border-color: var(--bs-btn-link-pink-focus-border-color);
-  --bs-btn-focus-shadow-rgb: var(--bs-btn-link-pink-focus-shadow-rgb);
-  --bs-btn-active-color: var(--bs-btn-link-pink-active-color);
-  --bs-btn-active-bg: var(--bs-btn-link-pink-active-bg);
-  --bs-btn-active-border-color: var(--bs-btn-link-pink-active-border-color);
-  --bs-btn-active-box-shadow: var(--bs-btn-link-pink-active-box-shadow);
-  --bs-btn-disabled-color: var(--bs-btn-link-pink-disabled-color);
-  --bs-btn-disabled-bg: var(--bs-btn-link-pink-disabled-bg);
-  --bs-btn-disabled-border-color: var(--bs-btn-link-pink-disabled-border-color);
-  --bs-btn-disabled-opacity: var(--bs-btn-link-pink-disabled-opacity);
-}
-
-.btn-red {
-  --bs-btn-color: var(--bs-btn-red-color);
-  --bs-btn-bg: var(--bs-btn-red-bg);
-  --bs-btn-border-color: var(--bs-btn-red-border-color);
-  --bs-btn-box-shadow: var(--bs-btn-red-box-shadow);
-  --bs-btn-hover-color: var(--bs-btn-red-hover-color);
-  --bs-btn-hover-bg: var(--bs-btn-red-hover-bg);
-  --bs-btn-hover-border-color: var(--bs-btn-red-hover-border-color);
-  --bs-btn-focus-color: var(--bs-btn-red-focus-color);
-  --bs-btn-focus-bg: var(--bs-btn-red-focus-bg);
-  --bs-btn-focus-border-color: var(--bs-btn-red-focus-border-color);
-  --bs-btn-focus-shadow-rgb: var(--bs-btn-red-focus-shadow-rgb);
-  --bs-btn-active-color: var(--bs-btn-red-active-color);
-  --bs-btn-active-bg: var(--bs-btn-red-active-bg);
-  --bs-btn-active-border-color: var(--bs-btn-red-active-border-color);
-  --bs-btn-active-box-shadow: var(--bs-btn-red-active-box-shadow);
-  --bs-btn-disabled-color: var(--bs-btn-red-disabled-color);
-  --bs-btn-disabled-bg: var(--bs-btn-red-disabled-bg);
-  --bs-btn-disabled-border-color: var(--bs-btn-red-disabled-border-color);
-  --bs-btn-disabled-opacity: var(--bs-btn-red-disabled-opacity);
-}
-
-.btn-link-red {
-  --bs-btn-color: var(--bs-btn-link-red-color);
-  --bs-btn-bg: var(--bs-btn-link-red-bg);
-  --bs-btn-border-color: var(--bs-btn-link-red-border-color);
-  --bs-btn-box-shadow: var(--bs-btn-link-red-box-shadow);
-  --bs-btn-hover-color: var(--bs-btn-link-red-hover-color);
-  --bs-btn-hover-bg: var(--bs-btn-link-red-hover-bg);
-  --bs-btn-hover-border-color: var(--bs-btn-link-red-hover-border-color);
-  --bs-btn-focus-color: var(--bs-btn-link-red-focus-color);
-  --bs-btn-focus-bg: var(--bs-btn-link-red-focus-bg);
-  --bs-btn-focus-border-color: var(--bs-btn-link-red-focus-border-color);
-  --bs-btn-focus-shadow-rgb: var(--bs-btn-link-red-focus-shadow-rgb);
-  --bs-btn-active-color: var(--bs-btn-link-red-active-color);
-  --bs-btn-active-bg: var(--bs-btn-link-red-active-bg);
-  --bs-btn-active-border-color: var(--bs-btn-link-red-active-border-color);
-  --bs-btn-active-box-shadow: var(--bs-btn-link-red-active-box-shadow);
-  --bs-btn-disabled-color: var(--bs-btn-link-red-disabled-color);
-  --bs-btn-disabled-bg: var(--bs-btn-link-red-disabled-bg);
-  --bs-btn-disabled-border-color: var(--bs-btn-link-red-disabled-border-color);
-  --bs-btn-disabled-opacity: var(--bs-btn-link-red-disabled-opacity);
-}
-
-.btn-orange {
-  --bs-btn-color: var(--bs-btn-orange-color);
-  --bs-btn-bg: var(--bs-btn-orange-bg);
-  --bs-btn-border-color: var(--bs-btn-orange-border-color);
-  --bs-btn-box-shadow: var(--bs-btn-orange-box-shadow);
-  --bs-btn-hover-color: var(--bs-btn-orange-hover-color);
-  --bs-btn-hover-bg: var(--bs-btn-orange-hover-bg);
-  --bs-btn-hover-border-color: var(--bs-btn-orange-hover-border-color);
-  --bs-btn-focus-color: var(--bs-btn-orange-focus-color);
-  --bs-btn-focus-bg: var(--bs-btn-orange-focus-bg);
-  --bs-btn-focus-border-color: var(--bs-btn-orange-focus-border-color);
-  --bs-btn-focus-shadow-rgb: var(--bs-btn-orange-focus-shadow-rgb);
-  --bs-btn-active-color: var(--bs-btn-orange-active-color);
-  --bs-btn-active-bg: var(--bs-btn-orange-active-bg);
-  --bs-btn-active-border-color: var(--bs-btn-orange-active-border-color);
-  --bs-btn-active-box-shadow: var(--bs-btn-orange-active-box-shadow);
-  --bs-btn-disabled-color: var(--bs-btn-orange-disabled-color);
-  --bs-btn-disabled-bg: var(--bs-btn-orange-disabled-bg);
-  --bs-btn-disabled-border-color: var(--bs-btn-orange-disabled-border-color);
-  --bs-btn-disabled-opacity: var(--bs-btn-orange-disabled-opacity);
-}
-
-.btn-link-orange {
-  --bs-btn-color: var(--bs-btn-link-orange-color);
-  --bs-btn-bg: var(--bs-btn-link-orange-bg);
-  --bs-btn-border-color: var(--bs-btn-link-orange-border-color);
-  --bs-btn-box-shadow: var(--bs-btn-link-orange-box-shadow);
-  --bs-btn-hover-color: var(--bs-btn-link-orange-hover-color);
-  --bs-btn-hover-bg: var(--bs-btn-link-orange-hover-bg);
-  --bs-btn-hover-border-color: var(--bs-btn-link-orange-hover-border-color);
-  --bs-btn-focus-color: var(--bs-btn-link-orange-focus-color);
-  --bs-btn-focus-bg: var(--bs-btn-link-orange-focus-bg);
-  --bs-btn-focus-border-color: var(--bs-btn-link-orange-focus-border-color);
-  --bs-btn-focus-shadow-rgb: var(--bs-btn-link-orange-focus-shadow-rgb);
-  --bs-btn-active-color: var(--bs-btn-link-orange-active-color);
-  --bs-btn-active-bg: var(--bs-btn-link-orange-active-bg);
-  --bs-btn-active-border-color: var(--bs-btn-link-orange-active-border-color);
-  --bs-btn-active-box-shadow: var(--bs-btn-link-orange-active-box-shadow);
-  --bs-btn-disabled-color: var(--bs-btn-link-orange-disabled-color);
-  --bs-btn-disabled-bg: var(--bs-btn-link-orange-disabled-bg);
-  --bs-btn-disabled-border-color: var(--bs-btn-link-orange-disabled-border-color);
-  --bs-btn-disabled-opacity: var(--bs-btn-link-orange-disabled-opacity);
-}
-
-.btn-yellow {
-  --bs-btn-color: var(--bs-btn-yellow-color);
-  --bs-btn-bg: var(--bs-btn-yellow-bg);
-  --bs-btn-border-color: var(--bs-btn-yellow-border-color);
-  --bs-btn-box-shadow: var(--bs-btn-yellow-box-shadow);
-  --bs-btn-hover-color: var(--bs-btn-yellow-hover-color);
-  --bs-btn-hover-bg: var(--bs-btn-yellow-hover-bg);
-  --bs-btn-hover-border-color: var(--bs-btn-yellow-hover-border-color);
-  --bs-btn-focus-color: var(--bs-btn-yellow-focus-color);
-  --bs-btn-focus-bg: var(--bs-btn-yellow-focus-bg);
-  --bs-btn-focus-border-color: var(--bs-btn-yellow-focus-border-color);
-  --bs-btn-focus-shadow-rgb: var(--bs-btn-yellow-focus-shadow-rgb);
-  --bs-btn-active-color: var(--bs-btn-yellow-active-color);
-  --bs-btn-active-bg: var(--bs-btn-yellow-active-bg);
-  --bs-btn-active-border-color: var(--bs-btn-yellow-active-border-color);
-  --bs-btn-active-box-shadow: var(--bs-btn-yellow-active-box-shadow);
-  --bs-btn-disabled-color: var(--bs-btn-yellow-disabled-color);
-  --bs-btn-disabled-bg: var(--bs-btn-yellow-disabled-bg);
-  --bs-btn-disabled-border-color: var(--bs-btn-yellow-disabled-border-color);
-  --bs-btn-disabled-opacity: var(--bs-btn-yellow-disabled-opacity);
-}
-
-.btn-link-yellow {
-  --bs-btn-color: var(--bs-btn-link-yellow-color);
-  --bs-btn-bg: var(--bs-btn-link-yellow-bg);
-  --bs-btn-border-color: var(--bs-btn-link-yellow-border-color);
-  --bs-btn-box-shadow: var(--bs-btn-link-yellow-box-shadow);
-  --bs-btn-hover-color: var(--bs-btn-link-yellow-hover-color);
-  --bs-btn-hover-bg: var(--bs-btn-link-yellow-hover-bg);
-  --bs-btn-hover-border-color: var(--bs-btn-link-yellow-hover-border-color);
-  --bs-btn-focus-color: var(--bs-btn-link-yellow-focus-color);
-  --bs-btn-focus-bg: var(--bs-btn-link-yellow-focus-bg);
-  --bs-btn-focus-border-color: var(--bs-btn-link-yellow-focus-border-color);
-  --bs-btn-focus-shadow-rgb: var(--bs-btn-link-yellow-focus-shadow-rgb);
-  --bs-btn-active-color: var(--bs-btn-link-yellow-active-color);
-  --bs-btn-active-bg: var(--bs-btn-link-yellow-active-bg);
-  --bs-btn-active-border-color: var(--bs-btn-link-yellow-active-border-color);
-  --bs-btn-active-box-shadow: var(--bs-btn-link-yellow-active-box-shadow);
-  --bs-btn-disabled-color: var(--bs-btn-link-yellow-disabled-color);
-  --bs-btn-disabled-bg: var(--bs-btn-link-yellow-disabled-bg);
-  --bs-btn-disabled-border-color: var(--bs-btn-link-yellow-disabled-border-color);
-  --bs-btn-disabled-opacity: var(--bs-btn-link-yellow-disabled-opacity);
-}
-
-.btn-green {
-  --bs-btn-color: var(--bs-btn-green-color);
-  --bs-btn-bg: var(--bs-btn-green-bg);
-  --bs-btn-border-color: var(--bs-btn-green-border-color);
-  --bs-btn-box-shadow: var(--bs-btn-green-box-shadow);
-  --bs-btn-hover-color: var(--bs-btn-green-hover-color);
-  --bs-btn-hover-bg: var(--bs-btn-green-hover-bg);
-  --bs-btn-hover-border-color: var(--bs-btn-green-hover-border-color);
-  --bs-btn-focus-color: var(--bs-btn-green-focus-color);
-  --bs-btn-focus-bg: var(--bs-btn-green-focus-bg);
-  --bs-btn-focus-border-color: var(--bs-btn-green-focus-border-color);
-  --bs-btn-focus-shadow-rgb: var(--bs-btn-green-focus-shadow-rgb);
-  --bs-btn-active-color: var(--bs-btn-green-active-color);
-  --bs-btn-active-bg: var(--bs-btn-green-active-bg);
-  --bs-btn-active-border-color: var(--bs-btn-green-active-border-color);
-  --bs-btn-active-box-shadow: var(--bs-btn-green-active-box-shadow);
-  --bs-btn-disabled-color: var(--bs-btn-green-disabled-color);
-  --bs-btn-disabled-bg: var(--bs-btn-green-disabled-bg);
-  --bs-btn-disabled-border-color: var(--bs-btn-green-disabled-border-color);
-  --bs-btn-disabled-opacity: var(--bs-btn-green-disabled-opacity);
-}
-
-.btn-link-green {
-  --bs-btn-color: var(--bs-btn-link-green-color);
-  --bs-btn-bg: var(--bs-btn-link-green-bg);
-  --bs-btn-border-color: var(--bs-btn-link-green-border-color);
-  --bs-btn-box-shadow: var(--bs-btn-link-green-box-shadow);
-  --bs-btn-hover-color: var(--bs-btn-link-green-hover-color);
-  --bs-btn-hover-bg: var(--bs-btn-link-green-hover-bg);
-  --bs-btn-hover-border-color: var(--bs-btn-link-green-hover-border-color);
-  --bs-btn-focus-color: var(--bs-btn-link-green-focus-color);
-  --bs-btn-focus-bg: var(--bs-btn-link-green-focus-bg);
-  --bs-btn-focus-border-color: var(--bs-btn-link-green-focus-border-color);
-  --bs-btn-focus-shadow-rgb: var(--bs-btn-link-green-focus-shadow-rgb);
-  --bs-btn-active-color: var(--bs-btn-link-green-active-color);
-  --bs-btn-active-bg: var(--bs-btn-link-green-active-bg);
-  --bs-btn-active-border-color: var(--bs-btn-link-green-active-border-color);
-  --bs-btn-active-box-shadow: var(--bs-btn-link-green-active-box-shadow);
-  --bs-btn-disabled-color: var(--bs-btn-link-green-disabled-color);
-  --bs-btn-disabled-bg: var(--bs-btn-link-green-disabled-bg);
-  --bs-btn-disabled-border-color: var(--bs-btn-link-green-disabled-border-color);
-  --bs-btn-disabled-opacity: var(--bs-btn-link-green-disabled-opacity);
-}
-
-.btn-teal {
-  --bs-btn-color: var(--bs-btn-teal-color);
-  --bs-btn-bg: var(--bs-btn-teal-bg);
-  --bs-btn-border-color: var(--bs-btn-teal-border-color);
-  --bs-btn-box-shadow: var(--bs-btn-teal-box-shadow);
-  --bs-btn-hover-color: var(--bs-btn-teal-hover-color);
-  --bs-btn-hover-bg: var(--bs-btn-teal-hover-bg);
-  --bs-btn-hover-border-color: var(--bs-btn-teal-hover-border-color);
-  --bs-btn-focus-color: var(--bs-btn-teal-focus-color);
-  --bs-btn-focus-bg: var(--bs-btn-teal-focus-bg);
-  --bs-btn-focus-border-color: var(--bs-btn-teal-focus-border-color);
-  --bs-btn-focus-shadow-rgb: var(--bs-btn-teal-focus-shadow-rgb);
-  --bs-btn-active-color: var(--bs-btn-teal-active-color);
-  --bs-btn-active-bg: var(--bs-btn-teal-active-bg);
-  --bs-btn-active-border-color: var(--bs-btn-teal-active-border-color);
-  --bs-btn-active-box-shadow: var(--bs-btn-teal-active-box-shadow);
-  --bs-btn-disabled-color: var(--bs-btn-teal-disabled-color);
-  --bs-btn-disabled-bg: var(--bs-btn-teal-disabled-bg);
-  --bs-btn-disabled-border-color: var(--bs-btn-teal-disabled-border-color);
-  --bs-btn-disabled-opacity: var(--bs-btn-teal-disabled-opacity);
-}
-
-.btn-link-teal {
-  --bs-btn-color: var(--bs-btn-link-teal-color);
-  --bs-btn-bg: var(--bs-btn-link-teal-bg);
-  --bs-btn-border-color: var(--bs-btn-link-teal-border-color);
-  --bs-btn-box-shadow: var(--bs-btn-link-teal-box-shadow);
-  --bs-btn-hover-color: var(--bs-btn-link-teal-hover-color);
-  --bs-btn-hover-bg: var(--bs-btn-link-teal-hover-bg);
-  --bs-btn-hover-border-color: var(--bs-btn-link-teal-hover-border-color);
-  --bs-btn-focus-color: var(--bs-btn-link-teal-focus-color);
-  --bs-btn-focus-bg: var(--bs-btn-link-teal-focus-bg);
-  --bs-btn-focus-border-color: var(--bs-btn-link-teal-focus-border-color);
-  --bs-btn-focus-shadow-rgb: var(--bs-btn-link-teal-focus-shadow-rgb);
-  --bs-btn-active-color: var(--bs-btn-link-teal-active-color);
-  --bs-btn-active-bg: var(--bs-btn-link-teal-active-bg);
-  --bs-btn-active-border-color: var(--bs-btn-link-teal-active-border-color);
-  --bs-btn-active-box-shadow: var(--bs-btn-link-teal-active-box-shadow);
-  --bs-btn-disabled-color: var(--bs-btn-link-teal-disabled-color);
-  --bs-btn-disabled-bg: var(--bs-btn-link-teal-disabled-bg);
-  --bs-btn-disabled-border-color: var(--bs-btn-link-teal-disabled-border-color);
-  --bs-btn-disabled-opacity: var(--bs-btn-link-teal-disabled-opacity);
-}
-
-.btn-cyan {
-  --bs-btn-color: var(--bs-btn-cyan-color);
-  --bs-btn-bg: var(--bs-btn-cyan-bg);
-  --bs-btn-border-color: var(--bs-btn-cyan-border-color);
-  --bs-btn-box-shadow: var(--bs-btn-cyan-box-shadow);
-  --bs-btn-hover-color: var(--bs-btn-cyan-hover-color);
-  --bs-btn-hover-bg: var(--bs-btn-cyan-hover-bg);
-  --bs-btn-hover-border-color: var(--bs-btn-cyan-hover-border-color);
-  --bs-btn-focus-color: var(--bs-btn-cyan-focus-color);
-  --bs-btn-focus-bg: var(--bs-btn-cyan-focus-bg);
-  --bs-btn-focus-border-color: var(--bs-btn-cyan-focus-border-color);
-  --bs-btn-focus-shadow-rgb: var(--bs-btn-cyan-focus-shadow-rgb);
-  --bs-btn-active-color: var(--bs-btn-cyan-active-color);
-  --bs-btn-active-bg: var(--bs-btn-cyan-active-bg);
-  --bs-btn-active-border-color: var(--bs-btn-cyan-active-border-color);
-  --bs-btn-active-box-shadow: var(--bs-btn-cyan-active-box-shadow);
-  --bs-btn-disabled-color: var(--bs-btn-cyan-disabled-color);
-  --bs-btn-disabled-bg: var(--bs-btn-cyan-disabled-bg);
-  --bs-btn-disabled-border-color: var(--bs-btn-cyan-disabled-border-color);
-  --bs-btn-disabled-opacity: var(--bs-btn-cyan-disabled-opacity);
-}
-
-.btn-link-cyan {
-  --bs-btn-color: var(--bs-btn-link-cyan-color);
-  --bs-btn-bg: var(--bs-btn-link-cyan-bg);
-  --bs-btn-border-color: var(--bs-btn-link-cyan-border-color);
-  --bs-btn-box-shadow: var(--bs-btn-link-cyan-box-shadow);
-  --bs-btn-hover-color: var(--bs-btn-link-cyan-hover-color);
-  --bs-btn-hover-bg: var(--bs-btn-link-cyan-hover-bg);
-  --bs-btn-hover-border-color: var(--bs-btn-link-cyan-hover-border-color);
-  --bs-btn-focus-color: var(--bs-btn-link-cyan-focus-color);
-  --bs-btn-focus-bg: var(--bs-btn-link-cyan-focus-bg);
-  --bs-btn-focus-border-color: var(--bs-btn-link-cyan-focus-border-color);
-  --bs-btn-focus-shadow-rgb: var(--bs-btn-link-cyan-focus-shadow-rgb);
-  --bs-btn-active-color: var(--bs-btn-link-cyan-active-color);
-  --bs-btn-active-bg: var(--bs-btn-link-cyan-active-bg);
-  --bs-btn-active-border-color: var(--bs-btn-link-cyan-active-border-color);
-  --bs-btn-active-box-shadow: var(--bs-btn-link-cyan-active-box-shadow);
-  --bs-btn-disabled-color: var(--bs-btn-link-cyan-disabled-color);
-  --bs-btn-disabled-bg: var(--bs-btn-link-cyan-disabled-bg);
-  --bs-btn-disabled-border-color: var(--bs-btn-link-cyan-disabled-border-color);
-  --bs-btn-disabled-opacity: var(--bs-btn-link-cyan-disabled-opacity);
-}
-
-.btn-outline-primary {
-  --bs-btn-color: var(--bs-primary-500);
-  --bs-btn-border-color: var(--bs-primary-500);
-  --bs-btn-hover-color: var(--bs-primary-600);
-  --bs-btn-hover-border-color: var(--bs-primary-600);
-  --bs-btn-active-color: var(--bs-primary-700);
-  --bs-btn-active-border-color: var(--bs-primary-700);
-  --bs-btn-focus-color: var(--bs-primary-700);
-  --bs-btn-focus-shadow-rgb: var(--bs-btn-primary-focus-shadow-rgb);
-  --bs-btn-box-shadow: 0 0 0 transparent;
-  --bs-btn-disabled-color: var(--bs-primary-500);
-  --bs-btn-disabled-border-color: var(--bs-primary-500);
-}
-
-.btn-outline-secondary {
-  --bs-btn-color: var(--bs-secondary-700);
-  --bs-btn-hover-border-color: var(--bs-secondary-400);
-  --bs-btn-border-color: var(--bs-secondary-200);
-  --bs-btn-active-border-color: var(--bs-secondary-400);
-  --bs-btn-focus-color: var(--bs-secondary-700);
-  --bs-btn-focus-shadow-rgb: var(--bs-btn-secondary-focus-shadow-rgb);
-  --bs-btn-box-shadow: 0 0 0 transparent;
-  --bs-btn-disabled-color: var(--bs-secondary-700);
-  --bs-btn-disabled-border-color: var(--bs-secondary-200);
-}
-
-.btn-outline-light {
-  --bs-btn-color: var(--bs-gray-25);
-  --bs-btn-hover-border-color: var(--bs-gray-50);
-  --bs-btn-border-color: var(--bs-gray-25);
-  --bs-btn-active-border-color: var(--bs-gray-50);
-  --bs-btn-active-color: var(--bs-gray-50);
-  --bs-btn-hover-color: var(--bs-gray-50);
-  --bs-btn-focus-color: var(--bs-gray-50);
-  --bs-btn-box-shadow: 0 0 0 transparent;
-  --bs-btn-focus-shadow-rgb: var(--bs-btn-light-focus-shadow-rgb);
-  --bs-btn-disabled-border-color: var(--bs-gray-25);
-  --bs-btn-disabled-color: var(--bs-gray-25);
-  opacity: var(--bs-btn-disabled-opacity);
-}
-
-.btn-outline-success {
-  --bs-btn-color: var(--bs-success-500);
-  --bs-btn-hover-border-color: var(--bs-success-700);
-  --bs-btn-border-color: var(--bs-success-500);
-  --bs-btn-active-border-color: var(--bs-success-600);
-  --bs-btn-active-color: var(--bs-success-700);
-  --bs-btn-hover-color: var(--bs-success-700);
-  --bs-btn-focus-color: var(--bs-success-700);
-  --bs-btn-box-shadow: 0 0 0 transparent;
-  --bs-btn-focus-shadow-rgb: var(--bs-btn-success-focus-shadow-rgb);
-  --bs-btn-disabled-border-color: var(--bs-success-500);
-  --bs-btn-disabled-color: var(--bs-success-500);
-}
-
-.btn-outline-danger {
-  --bs-btn-color: var(--bs-danger-500);
-  --bs-btn-hover-border-color: var(--bs-danger-700);
-  --bs-btn-border-color: var(--bs-danger-500);
-  --bs-btn-active-border-color: var(--bs-danger-600);
-  --bs-btn-active-color: var(--bs-danger-700);
-  --bs-btn-hover-color: var(--bs-danger-700);
-  --bs-btn-focus-color: var(--bs-danger-700);
-  --bs-btn-box-shadow: 0 0 0 transparent;
-  --bs-btn-focus-shadow-rgb: var(--bs-btn-danger-focus-shadow-rgb);
-  --bs-btn-disabled-border-color: var(--bs-danger-500);
-  --bs-btn-disabled-color: var(--bs-danger-500);
-}
-
-.btn-outline-info {
-  --bs-btn-color: var(--bs-info-500);
-  --bs-btn-hover-border-color: var(--bs-info-700);
-  --bs-btn-border-color: var(--bs-info-500);
-  --bs-btn-active-border-color: var(--bs-info-600);
-  --bs-btn-active-color: var(--bs-info-700);
-  --bs-btn-hover-color: var(--bs-info-700);
-  --bs-btn-focus-color: var(--bs-info-700);
-  --bs-btn-box-shadow: 0 0 0 transparent;
-  --bs-btn-focus-shadow-rgb: var(--bs-btn-info-focus-shadow-rgb);
-  --bs-btn-disabled-border-color: var(--bs-info-500);
-  --bs-btn-disabled-color: var(--bs-info-500);
-}
-
-.btn-outline-warning {
-  --bs-btn-color: var(--bs-warning-500);
-  --bs-btn-border-color: var(--bs-warning-500);
-  --bs-btn-hover-color: var(--bs-warning-600);
-  --bs-btn-hover-border-color: var(--bs-warning-600);
-  --bs-btn-active-color: var(--bs-warning-700);
-  --bs-btn-active-border-color: var(--bs-warning-700);
-  --bs-btn-focus-color: var(--bs-warning-700);
-  --bs-btn-focus-shadow-rgb: var(--bs-btn-warning-focus-shadow-rgb);
-  --bs-btn-box-shadow: 0 0 0 transparent;
-  --bs-btn-disabled-border-color: var(--bs-warning-500);
-  --bs-btn-disabled-color: var(--bs-warning-500);
-}
-
 .btn-outline-dark {
-  --bs-btn-color: var(--bs-black);
-  --bs-btn-hover-border-color: var(--bs-gray-600);
-  --bs-btn-border-color: var(--bs-black);
-  --bs-btn-active-border-color: var(--bs-gray-600);
-  --bs-btn-active-color: var(--bs-gray-600);
-  --bs-btn-hover-color: var(--bs-gray-600);
-  --bs-btn-focus-color: var(--bs-black);
+  --bs-btn-color: var(--bs-btn-outline-dark-color);
+  --bs-btn-border-color: var(--bs-btn-outline-dark-border-color);
+  --bs-btn-hover-color: var(--bs-btn-outline-dark-hover-color);
+  --bs-btn-hover-border-color: var(--bs-btn-outline-dark-hover-border-color);
+  --bs-btn-active-color: var(--bs-btn-outline-dark-active-color);
+  --bs-btn-active-border-color: var(--bs-btn-outline-dark-active-border-color);
+  --bs-btn-focus-color: var(--bs-btn-outline-dark-focus-color);
+  --bs-btn-focus-shadow-rgb: var(--bs-btn-outline-dark-focus-shadow-rgb);
   --bs-btn-box-shadow: 0 0 0 transparent;
-  --bs-btn-focus-shadow-rgb: var(--bs-btn-dark-focus-shadow-rgb);
-  --bs-btn-disabled-border-color: var(--bs-black);
-  --bs-btn-disabled-color: var(--bs-black);
+  --bs-btn-disabled-border-color: var(--bs-btn-outline-dark-disabled-border-color);
+  --bs-btn-disabled-color: var(--bs-btn-outline-dark-disabled-color);
 }
 
 .btn-lg, .btn-group-lg > .btn {
@@ -9611,10 +9216,6 @@ label {
   font-weight: var(--bs-label-font-weight);
   color: var(--bs-label-color);
 }
-.label .d-icon,
-label .d-icon {
-  --bs-icon-color: var(--bs-focus-ring-color);
-}
 
 .backdrop {
   --bs-backdrop-zindex: 1055;
@@ -10674,11 +10275,27 @@ label .d-icon {
   border-top-right-radius: var(--bs-datepicker-border-radius);
 }
 .react-datepicker__header .custom-year-selector {
-  width: 6ch;
-  background: none;
+  width: 8ch;
+  background: transparent;
+  color: var(--bs-body-color);
+  margin: auto;
+}
+.react-datepicker__header .custom-year-selector .input-group {
+  border: 0;
+}
+.react-datepicker__header .custom-year-selector .d-select__indicator-separator {
+  display: none;
+}
+.react-datepicker__header .custom-year-selector .d-select__control {
+  background-color: var(--bs-datepicker-top-header-bg);
+  padding: var(--bs-ref-spacer-1) var(--bs-ref-spacer-1);
+  flex-wrap: nowrap;
   color: var(--bs-white);
   border: 0;
 }
+.react-datepicker__header .custom-year-selector .d-select__menu-list {
+  max-height: 10lh;
+}
 .react-datepicker__header-selector {
   display: flex;
   align-items: center;
@@ -11497,7 +11114,7 @@ react-datepicker__navigation
   background: var(--bs-box-file-disabled-bg);
   border: var(--bs-box-file-disabled-border);
 }
-.d-box-file .d-icon {
+.d-box-file .d-box-file-dropzone > .d-icon {
   --bs-icon-size: var(--bs-box-file-icon-size);
   --bs-icon-color: var(--bs-box-file-icon-color);
 }