@rovula/ui 0.0.76 → 0.0.78

package/dist/cjs/bundle.css

@@ -638,6 +638,12 @@ input[type=number] {
 .top-0{
   top: 0px;
 }
+.top-0\.5{
+  top: 0.125rem;
+}
+.top-1{
+  top: 0.25rem;
+}
 .top-4{
   top: 1rem;
 }
@@ -659,6 +665,9 @@ input[type=number] {
 .z-50{
   z-index: 50;
 }
+.z-\[1000\]{
+  z-index: 1000;
+}
 .z-\[100\]{
   z-index: 100;
 }
@@ -987,6 +996,9 @@ input[type=number] {
   min-width: -moz-fit-content;
   min-width: fit-content;
 }
+.max-w-2xl{
+  max-width: 42rem;
+}
 .max-w-\[300px\]{
   max-width: 300px;
 }
@@ -996,6 +1008,9 @@ input[type=number] {
 .max-w-lg{
   max-width: 32rem;
 }
+.max-w-md{
+  max-width: 28rem;
+}
 .flex-1{
   flex: 1 1 0%;
 }
@@ -1863,6 +1878,10 @@ input[type=number] {
   --tw-bg-opacity: 1;
   background-color: color-mix(in srgb, var(--function-default-stroke) calc(100% * var(--tw-bg-opacity, 1)), transparent);
 }
+.bg-gray-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
+}
 .bg-gray-200{
   --tw-bg-opacity: 1;
   background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
@@ -3159,6 +3178,10 @@ input[type=number] {
   line-height: var(--label-label2-line-height, 10px);
   font-weight: var(--label-label2-weight, 400);
 }
+.text-lg{
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+}
 .text-sm{
   font-size: 0.875rem;
   line-height: 1.25rem;
@@ -3252,6 +3275,9 @@ input[type=number] {
 .font-medium{
   font-weight: 500;
 }
+.font-semibold{
+  font-weight: 600;
+}
 .uppercase{
   text-transform: uppercase;
 }
@@ -3452,6 +3478,10 @@ input[type=number] {
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity, 1));
 }
+.text-gray-700{
+  --tw-text-opacity: 1;
+  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
+}
 .text-green-500{
   --tw-text-opacity: 1;
   color: rgb(34 197 94 / var(--tw-text-opacity, 1));
@@ -4086,6 +4116,9 @@ input[type=number] {
   --tw-bg-opacity: 1;
   background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
 }
+.hover\:bg-input-active-stroke\/10:hover{
+  background-color: color-mix(in srgb, var(--input-color-active-stroke) calc(100% * 0.1), transparent);
+}
 .hover\:bg-input-disable-bg:hover{
   --tw-bg-opacity: 1;
   background-color: color-mix(in srgb, var(--input-color-disable-bg) calc(100% * var(--tw-bg-opacity, 1)), transparent);
@@ -5165,6 +5198,9 @@ input[type=number] {
   --tw-text-opacity: 1;
   color: color-mix(in srgb, var(--state-color-disable-outline) calc(100% * var(--tw-text-opacity, 1)), transparent);
 }
+.disabled\:opacity-30:disabled{
+  opacity: 0.3;
+}
 .disabled\:opacity-50:disabled{
   opacity: 0.5;
 }
@@ -5814,6 +5850,10 @@ input[type=number] {
   .md\:right-\[40px\]{
     right: 40px;
   }
+
+  .md\:grid-cols-2{
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
 }
 .\[\&\:has\(\[role\=checkbox\]\)\]\:w-4:has([role=checkbox]){
   width: 1rem;