@dynamic-framework/ui-react 2.0.0-dev.2 → 2.0.0-dev.3

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

@@ -1,5 +1,5 @@
 /*!
- * dynamic-framework 2.0.0-dev.2
+ * dynamic-framework 2.0.0-dev.3
  * bootstrap ~5.3.3
  * license https://github.com/dynamic-framework/dynamic-ui/blob/master/libraries/dynamic-ui-react/LICENSE.md
  */

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

@@ -1,5 +1,5 @@
 /*!
- * dynamic-framework 2.0.0-dev.2
+ * dynamic-framework 2.0.0-dev.3
  * bootstrap ~5.3.3
  * license https://github.com/dynamic-framework/dynamic-ui/blob/master/libraries/dynamic-ui-react/LICENSE.md
  */

package/dist/css/dynamic-ui.css

@@ -1,5 +1,5 @@
 /*!
- * dynamic-framework 2.0.0-dev.2
+ * dynamic-framework 2.0.0-dev.3
  * bootstrap ~5.3.3
  * license https://github.com/dynamic-framework/dynamic-ui/blob/master/libraries/dynamic-ui-react/LICENSE.md
  */
@@ -10119,6 +10119,7 @@ body {
           text-decoration: var(--bs-btn-text-decoration);
 }
 .btn.hover, .btn:hover {
+  color: var(--bs-btn-hover-color);
   text-decoration: none;
   background-color: var(--bs-btn-hover-bg);
   border-color: var(--bs-btn-hover-border-color);
@@ -10185,9 +10186,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-primary-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-primary-disabled-opacity);
 }
-.btn-primary.loading {
-  --bs-btn-disabled-color: var(--bs-btn-primary-active-color);
-}
 
 .btn-link-primary {
   --bs-btn-color: var(--bs-btn-link-primary-color);
@@ -10210,9 +10208,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-link-primary-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-link-primary-disabled-opacity);
 }
-.btn-link-primary.loading {
-  --bs-btn-disabled-color: var(--bs-btn-link-primary-active-color);
-}
 
 .btn-secondary {
   --bs-btn-color: var(--bs-btn-secondary-color);
@@ -10235,9 +10230,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-secondary-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-secondary-disabled-opacity);
 }
-.btn-secondary.loading {
-  --bs-btn-disabled-color: var(--bs-btn-secondary-active-color);
-}
 
 .btn-link-secondary {
   --bs-btn-color: var(--bs-btn-link-secondary-color);
@@ -10260,9 +10252,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-link-secondary-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-link-secondary-disabled-opacity);
 }
-.btn-link-secondary.loading {
-  --bs-btn-disabled-color: var(--bs-btn-link-secondary-active-color);
-}
 
 .btn-success {
   --bs-btn-color: var(--bs-btn-success-color);
@@ -10285,9 +10274,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-success-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-success-disabled-opacity);
 }
-.btn-success.loading {
-  --bs-btn-disabled-color: var(--bs-btn-success-active-color);
-}
 
 .btn-link-success {
   --bs-btn-color: var(--bs-btn-link-success-color);
@@ -10310,9 +10296,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-link-success-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-link-success-disabled-opacity);
 }
-.btn-link-success.loading {
-  --bs-btn-disabled-color: var(--bs-btn-link-success-active-color);
-}
 
 .btn-info {
   --bs-btn-color: var(--bs-btn-info-color);
@@ -10335,9 +10318,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-info-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-info-disabled-opacity);
 }
-.btn-info.loading {
-  --bs-btn-disabled-color: var(--bs-btn-info-active-color);
-}
 
 .btn-link-info {
   --bs-btn-color: var(--bs-btn-link-info-color);
@@ -10360,9 +10340,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-link-info-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-link-info-disabled-opacity);
 }
-.btn-link-info.loading {
-  --bs-btn-disabled-color: var(--bs-btn-link-info-active-color);
-}
 
 .btn-warning {
   --bs-btn-color: var(--bs-btn-warning-color);
@@ -10385,9 +10362,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-warning-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-warning-disabled-opacity);
 }
-.btn-warning.loading {
-  --bs-btn-disabled-color: var(--bs-btn-warning-active-color);
-}
 
 .btn-link-warning {
   --bs-btn-color: var(--bs-btn-link-warning-color);
@@ -10410,9 +10384,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-link-warning-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-link-warning-disabled-opacity);
 }
-.btn-link-warning.loading {
-  --bs-btn-disabled-color: var(--bs-btn-link-warning-active-color);
-}
 
 .btn-danger {
   --bs-btn-color: var(--bs-btn-danger-color);
@@ -10435,9 +10406,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-danger-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-danger-disabled-opacity);
 }
-.btn-danger.loading {
-  --bs-btn-disabled-color: var(--bs-btn-danger-active-color);
-}
 
 .btn-link-danger {
   --bs-btn-color: var(--bs-btn-link-danger-color);
@@ -10460,9 +10428,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-link-danger-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-link-danger-disabled-opacity);
 }
-.btn-link-danger.loading {
-  --bs-btn-disabled-color: var(--bs-btn-link-danger-active-color);
-}
 
 .btn-light {
   --bs-btn-color: var(--bs-btn-light-color);
@@ -10485,9 +10450,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-light-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-light-disabled-opacity);
 }
-.btn-light.loading {
-  --bs-btn-disabled-color: var(--bs-btn-light-active-color);
-}
 
 .btn-link-light {
   --bs-btn-color: var(--bs-btn-link-light-color);
@@ -10510,9 +10472,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-link-light-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-link-light-disabled-opacity);
 }
-.btn-link-light.loading {
-  --bs-btn-disabled-color: var(--bs-btn-link-light-active-color);
-}
 
 .btn-dark {
   --bs-btn-color: var(--bs-btn-dark-color);
@@ -10535,9 +10494,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-dark-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-dark-disabled-opacity);
 }
-.btn-dark.loading {
-  --bs-btn-disabled-color: var(--bs-btn-dark-active-color);
-}
 
 .btn-link-dark {
   --bs-btn-color: var(--bs-btn-link-dark-color);
@@ -10560,9 +10516,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-link-dark-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-link-dark-disabled-opacity);
 }
-.btn-link-dark.loading {
-  --bs-btn-disabled-color: var(--bs-btn-link-dark-active-color);
-}
 
 .btn-indigo {
   --bs-btn-color: var(--bs-btn-indigo-color);
@@ -10585,9 +10538,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-indigo-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-indigo-disabled-opacity);
 }
-.btn-indigo.loading {
-  --bs-btn-disabled-color: var(--bs-btn-indigo-active-color);
-}
 
 .btn-link-indigo {
   --bs-btn-color: var(--bs-btn-link-indigo-color);
@@ -10610,9 +10560,6 @@ body {
   --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-link-indigo.loading {
-  --bs-btn-disabled-color: var(--bs-btn-link-indigo-active-color);
-}
 
 .btn-purple {
   --bs-btn-color: var(--bs-btn-purple-color);
@@ -10635,9 +10582,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-purple-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-purple-disabled-opacity);
 }
-.btn-purple.loading {
-  --bs-btn-disabled-color: var(--bs-btn-purple-active-color);
-}
 
 .btn-link-purple {
   --bs-btn-color: var(--bs-btn-link-purple-color);
@@ -10660,9 +10604,6 @@ body {
   --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-link-purple.loading {
-  --bs-btn-disabled-color: var(--bs-btn-link-purple-active-color);
-}
 
 .btn-pink {
   --bs-btn-color: var(--bs-btn-pink-color);
@@ -10685,9 +10626,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-pink-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-pink-disabled-opacity);
 }
-.btn-pink.loading {
-  --bs-btn-disabled-color: var(--bs-btn-pink-active-color);
-}
 
 .btn-link-pink {
   --bs-btn-color: var(--bs-btn-link-pink-color);
@@ -10710,9 +10648,6 @@ body {
   --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-link-pink.loading {
-  --bs-btn-disabled-color: var(--bs-btn-link-pink-active-color);
-}
 
 .btn-red {
   --bs-btn-color: var(--bs-btn-red-color);
@@ -10735,9 +10670,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-red-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-red-disabled-opacity);
 }
-.btn-red.loading {
-  --bs-btn-disabled-color: var(--bs-btn-red-active-color);
-}
 
 .btn-link-red {
   --bs-btn-color: var(--bs-btn-link-red-color);
@@ -10760,9 +10692,6 @@ body {
   --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-link-red.loading {
-  --bs-btn-disabled-color: var(--bs-btn-link-red-active-color);
-}
 
 .btn-orange {
   --bs-btn-color: var(--bs-btn-orange-color);
@@ -10785,9 +10714,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-orange-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-orange-disabled-opacity);
 }
-.btn-orange.loading {
-  --bs-btn-disabled-color: var(--bs-btn-orange-active-color);
-}
 
 .btn-link-orange {
   --bs-btn-color: var(--bs-btn-link-orange-color);
@@ -10810,9 +10736,6 @@ body {
   --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-link-orange.loading {
-  --bs-btn-disabled-color: var(--bs-btn-link-orange-active-color);
-}
 
 .btn-yellow {
   --bs-btn-color: var(--bs-btn-yellow-color);
@@ -10835,9 +10758,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-yellow-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-yellow-disabled-opacity);
 }
-.btn-yellow.loading {
-  --bs-btn-disabled-color: var(--bs-btn-yellow-active-color);
-}
 
 .btn-link-yellow {
   --bs-btn-color: var(--bs-btn-link-yellow-color);
@@ -10860,9 +10780,6 @@ body {
   --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-link-yellow.loading {
-  --bs-btn-disabled-color: var(--bs-btn-link-yellow-active-color);
-}
 
 .btn-green {
   --bs-btn-color: var(--bs-btn-green-color);
@@ -10885,9 +10802,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-green-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-green-disabled-opacity);
 }
-.btn-green.loading {
-  --bs-btn-disabled-color: var(--bs-btn-green-active-color);
-}
 
 .btn-link-green {
   --bs-btn-color: var(--bs-btn-link-green-color);
@@ -10910,9 +10824,6 @@ body {
   --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-link-green.loading {
-  --bs-btn-disabled-color: var(--bs-btn-link-green-active-color);
-}
 
 .btn-teal {
   --bs-btn-color: var(--bs-btn-teal-color);
@@ -10935,9 +10846,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-teal-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-teal-disabled-opacity);
 }
-.btn-teal.loading {
-  --bs-btn-disabled-color: var(--bs-btn-teal-active-color);
-}
 
 .btn-link-teal {
   --bs-btn-color: var(--bs-btn-link-teal-color);
@@ -10960,9 +10868,6 @@ body {
   --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-link-teal.loading {
-  --bs-btn-disabled-color: var(--bs-btn-link-teal-active-color);
-}
 
 .btn-cyan {
   --bs-btn-color: var(--bs-btn-cyan-color);
@@ -10985,9 +10890,6 @@ body {
   --bs-btn-disabled-border-color: var(--bs-btn-cyan-disabled-border-color);
   --bs-btn-disabled-opacity: var(--bs-btn-cyan-disabled-opacity);
 }
-.btn-cyan.loading {
-  --bs-btn-disabled-color: var(--bs-btn-cyan-active-color);
-}
 
 .btn-link-cyan {
   --bs-btn-color: var(--bs-btn-link-cyan-color);
@@ -11010,17 +10912,14 @@ body {
   --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-link-cyan.loading {
-  --bs-btn-disabled-color: var(--bs-btn-link-cyan-active-color);
-}
 
 .btn-outline-primary {
   --bs-btn-color: var(--bs-primary-500);
-  --bs-btn-hover-border-color: var(--bs-primary-600);
+  --bs-btn-hover-border-color: var(--bs-primary-700);
   --bs-btn-border-color: var(--bs-primary-500);
   --bs-btn-active-color: var(--bs-primary-500);
   --bs-btn-active-border-color: var(--bs-primary-600);
-  --bs-btn-hover-color: var(--bs-primary-600);
+  --bs-btn-hover-color: var(--bs-primary-700);
   --bs-btn-focus-color: var(--bs-primary-600);
   --bs-btn-active-color: var(--bs-primary-600);
   --bs-btn-box-shadow: 0 0 0 transparent;
@@ -11032,19 +10931,19 @@ body {
 }
 
 .btn-outline-secondary {
-  --bs-btn-color: var(--bs-gray-700);
-  --bs-btn-hover-border-color: var(--bs-gray-400);
-  --bs-btn-border-color: var(--bs-gray-200);
-  --bs-btn-active-border-color: var(--bs-gray-400);
-  --bs-btn-active-color: var(--bs-gray-700);
-  --bs-btn-hover-color: var(--bs-gray-700);
-  --bs-btn-focus-color: var(--bs-gray-700);
+  --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-active-color: var(--bs-secondary-700);
+  --bs-btn-hover-color: var(--bs-secondary-700);
+  --bs-btn-focus-color: var(--bs-secondary-700);
   --bs-btn-box-shadow: 0 0 0 transparent;
   --bs-btn-focus-shadow-rgb: var(--bs-btn-secondary-focus-shadow-rgb);
 }
 .btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
-  --bs-btn-disabled-border-color: var(--bs-gray-700);
-  --bs-btn-disabled-color: var(--bs-gray-700);
+  --bs-btn-disabled-border-color: var(--bs-secondary-200);
+  --bs-btn-disabled-color: var(--bs-secondary-600);
 }
 
 .btn-outline-light {
@@ -11058,10 +10957,15 @@ body {
   --bs-btn-box-shadow: 0 0 0 transparent;
   --bs-btn-focus-shadow-rgb: var(--bs-btn-light-focus-shadow-rgb);
 }
+.btn-outline-light:disabled, .btn-outline-light.disabled {
+  --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-600);
+  --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);
@@ -11077,7 +10981,7 @@ body {
 
 .btn-outline-danger {
   --bs-btn-color: var(--bs-danger-500);
-  --bs-btn-hover-border-color: var(--bs-danger-600);
+  --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);
@@ -11093,7 +10997,7 @@ body {
 
 .btn-outline-info {
   --bs-btn-color: var(--bs-info-500);
-  --bs-btn-hover-border-color: var(--bs-info-600);
+  --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);
@@ -11109,7 +11013,7 @@ body {
 
 .btn-outline-warning {
   --bs-btn-color: var(--bs-warning-600);
-  --bs-btn-hover-border-color: var(--bs-warning-600);
+  --bs-btn-hover-border-color: var(--bs-warning-700);
   --bs-btn-border-color: var(--bs-warning-500);
   --bs-btn-active-border-color: var(--bs-warning-600);
   --bs-btn-active-color: var(--bs-warning-700);