@keadex/mina-react 2.8.0 → 2.10.0

package/main.css

@@ -939,6 +939,8 @@ video {
   bottom: 0px;
 }.bottom-0\.5 {
   bottom: 0.125rem;
+}.bottom-1 {
+  bottom: 0.25rem;
 }.bottom-1\/2 {
   bottom: 50%;
 }.bottom-5 {
@@ -965,6 +967,8 @@ video {
   right: 0.25rem;
 }.right-1\.5 {
   right: 0.375rem;
+}.right-2 {
+  right: 0.5rem;
 }.right-3 {
   right: 0.75rem;
 }.right-5 {
@@ -979,8 +983,14 @@ video {
   top: 0.25rem;
 }.top-1\/2 {
   top: 50%;
+}.top-10 {
+  top: 2.5rem;
+}.top-14 {
+  top: 3.5rem;
 }.top-2 {
   top: 0.5rem;
+}.top-20 {
+  top: 5rem;
 }.top-3 {
   top: 0.75rem;
 }.top-8 {
@@ -1051,6 +1061,8 @@ video {
   margin: 0px;
 }.m-1 {
   margin: 0.25rem;
+}.m-auto {
+  margin: auto;
 }.\!my-0 {
   margin-top: 0px !important;
   margin-bottom: 0px !important;
@@ -1098,8 +1110,12 @@ video {
   margin-bottom: auto;
 }.\!mb-0 {
   margin-bottom: 0px !important;
+}.\!mb-2 {
+  margin-bottom: 0.5rem !important;
 }.\!mr-3 {
   margin-right: 0.75rem !important;
+}.\!mt-3 {
+  margin-top: 0.75rem !important;
 }.\!mt-4 {
   margin-top: 1rem !important;
 }.-ml-\[1\.5rem\] {
@@ -1186,8 +1202,8 @@ video {
   margin-top: 0.5rem;
 }.mt-2\.5 {
   margin-top: 0.625rem;
-}.mt-20 {
-  margin-top: 5rem;
+}.mt-28 {
+  margin-top: 7rem;
 }.mt-3 {
   margin-top: 0.75rem;
 }.mt-4 {
@@ -1372,10 +1388,14 @@ video {
   width: 6rem;
 }.w-3 {
   width: 0.75rem;
+}.w-32 {
+  width: 8rem;
 }.w-36 {
   width: 9rem;
 }.w-4 {
   width: 1rem;
+}.w-40 {
+  width: 10rem;
 }.w-48 {
   width: 12rem;
 }.w-5 {
@@ -1460,6 +1480,8 @@ video {
   width: 1px;
 }.w-screen {
   width: 100vw;
+}.\!min-w-0 {
+  min-width: 0px !important;
 }.min-w-0 {
   min-width: 0px;
 }.min-w-\[100px\] {
@@ -1663,6 +1685,15 @@ video {
   }
 }.animate-\[spinner-grow_0\.75s_linear_infinite\] {
   animation: spinner-grow 0.75s linear infinite;
+}@keyframes bounce {0%, 100% {
+    transform: translateY(-25%);
+    animation-timing-function: cubic-bezier(0.8,0,1,1);
+  }50% {
+    transform: none;
+    animation-timing-function: cubic-bezier(0,0,0.2,1);
+  }
+}.animate-bounce {
+  animation: bounce 1s infinite;
 }@keyframes spin {to {
     transform: rotate(360deg);
   }
@@ -1835,6 +1866,14 @@ video {
 }.rounded-t-md {
   border-top-left-radius: 0.375rem;
   border-top-right-radius: 0.375rem;
+}.rounded-ee-none {
+  border-end-end-radius: 0px;
+}.rounded-es-none {
+  border-end-start-radius: 0px;
+}.rounded-se-none {
+  border-start-end-radius: 0px;
+}.rounded-ss-none {
+  border-start-start-radius: 0px;
 }.\!border-0 {
   border-width: 0px !important;
 }.\!border-\[3px\] {
@@ -1862,6 +1901,8 @@ video {
   border-bottom-width: 0px;
 }.border-b-2 {
   border-bottom-width: 2px;
+}.border-b-\[0\.5px\] {
+  border-bottom-width: 0.5px;
 }.border-l-0 {
   border-left-width: 0px;
 }.border-l-2 {
@@ -1926,6 +1967,9 @@ video {
 }.border-white {
   --tw-border-opacity: 1;
   border-color: rgb(255 255 255 / var(--tw-border-opacity));
+}.border-b-secondary {
+  --tw-border-opacity: 1;
+  border-bottom-color: rgb(64 64 64 / var(--tw-border-opacity));
 }.border-r-transparent {
   border-right-color: transparent;
 }.border-t-transparent {
@@ -1935,9 +1979,15 @@ video {
 }.\!bg-\[\#858585\] {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(133 133 133 / var(--tw-bg-opacity)) !important;
+}.\!bg-black {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
 }.\!bg-danger-100 {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(250 229 233 / var(--tw-bg-opacity)) !important;
+}.\!bg-green-700 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(21 128 61 / var(--tw-bg-opacity)) !important;
 }.\!bg-neutral-100 {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(245 245 245 / var(--tw-bg-opacity)) !important;
@@ -1976,6 +2026,12 @@ video {
 }.bg-brand1 {
   --tw-bg-opacity: 1;
   background-color: rgb(56 103 177 / var(--tw-bg-opacity));
+}.bg-brand2 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(175 183 195 / var(--tw-bg-opacity));
+}.bg-brand3 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(214 226 244 / var(--tw-bg-opacity));
 }.bg-current {
   background-color: currentColor;
 }.bg-dark-brand1 {
@@ -2071,6 +2127,9 @@ video {
   padding: 5px;
 }.p-\[auto\] {
   padding: auto;
+}.\!px-0 {
+  padding-left: 0px !important;
+  padding-right: 0px !important;
 }.\!py-0 {
   padding-top: 0px !important;
   padding-bottom: 0px !important;
@@ -2175,6 +2234,8 @@ video {
   padding-bottom: 5px;
 }.pb-0 {
   padding-bottom: 0px;
+}.pb-1 {
+  padding-bottom: 0.25rem;
 }.pb-3 {
   padding-bottom: 0.75rem;
 }.pb-3\.5 {
@@ -2237,18 +2298,28 @@ video {
   text-align: center;
 }.text-right {
   text-align: right;
+}.align-top {
+  vertical-align: top;
 }.align-middle {
   vertical-align: middle;
 }.align-bottom {
   vertical-align: bottom;
 }.align-\[-0\.125em\] {
   vertical-align: -0.125em;
+}.font-mono {
+  font-family: ui-monospace, monospace;
+}.\!text-lg {
+  font-size: 1.125rem !important;
+  line-height: 1.75rem !important;
 }.\!text-xl {
   font-size: 1.25rem !important;
   line-height: 1.75rem !important;
 }.text-2xl {
   font-size: 1.5rem;
   line-height: 2rem;
+}.text-3xl {
+  font-size: 1.875rem;
+  line-height: 2.25rem;
 }.text-4xl {
   font-size: 2.25rem;
   line-height: 2.5rem;
@@ -2645,6 +2716,10 @@ video {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }.\!\[clip\:rect\(0\2c 0\2c 0\2c 0\)\] {
   clip: rect(0,0,0,0) !important;
+}.\[animation-delay\:-0\.15s\] {
+  animation-delay: -0.15s;
+}.\[animation-delay\:-0\.3s\] {
+  animation-delay: -0.3s;
 }.\[direction\:ltr\] {
   direction: ltr;
 }.\[overflow-anchor\:none\] {
@@ -2740,6 +2815,8 @@ video {
   border-bottom-right-radius: 0.25rem;
 }.last\:rounded-tr:last-child {
   border-top-right-radius: 0.25rem;
+}.last\:border-b-0:last-child {
+  border-bottom-width: 0px;
 }.checked\:\!border-\[\#14a44d\]:checked {
   --tw-border-opacity: 1 !important;
   border-color: rgb(20 164 77 / var(--tw-border-opacity)) !important;
@@ -2868,6 +2945,9 @@ video {
 }.hover\:\!bg-\[\#eee\]:hover {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(238 238 238 / var(--tw-bg-opacity)) !important;
+}.hover\:\!bg-dark-primary:hover {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(24 24 24 / var(--tw-bg-opacity)) !important;
 }.hover\:\!bg-red-600:hover {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(220 38 38 / var(--tw-bg-opacity)) !important;
@@ -3159,6 +3239,9 @@ video {
   color: rgb(203 213 225 / var(--tw-text-opacity));
 }.disabled\:opacity-50:disabled {
   opacity: 0.5;
+}.disabled\:hover\:\!bg-black:hover:disabled {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
 }.disabled\:hover\:bg-transparent:hover:disabled {
   background-color: transparent;
 }.disabled\:hover\:text-accent-secondary:hover:disabled {

package/package.json

@@ -3,7 +3,7 @@
   "description": "React library to render C4 Model diagrams created with Keadex Mina.",
   "author": "Keadex <keadex.it@gmail.com>",
   "license": "MIT",
-  "version": "2.8.0",
+  "version": "2.10.0",
   "private": false,
   "homepage": "https://keadex.dev",
   "repository": {