@rovula/ui 0.0.77 → 0.0.79

package/dist/cjs/bundle.css

@@ -662,15 +662,18 @@ input[type=number] {
 .z-10{
   z-index: 10;
 }
+.z-40{
+  z-index: 40;
+}
 .z-50{
   z-index: 50;
 }
+.z-\[1000\]{
+  z-index: 1000;
+}
 .z-\[100\]{
   z-index: 100;
 }
-.z-\[9999\]{
-  z-index: 9999;
-}
 .col-span-3{
   grid-column: span 3 / span 3;
 }
@@ -940,6 +943,9 @@ input[type=number] {
 .w-8{
   width: 2rem;
 }
+.w-80{
+  width: 20rem;
+}
 .w-\[100px\]{
   width: 100px;
 }
@@ -993,6 +999,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;
 }
@@ -1002,6 +1011,9 @@ input[type=number] {
 .max-w-lg{
   max-width: 32rem;
 }
+.max-w-md{
+  max-width: 28rem;
+}
 .flex-1{
   flex: 1 1 0%;
 }
@@ -1869,6 +1881,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));
@@ -3165,6 +3181,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;
@@ -3258,6 +3278,9 @@ input[type=number] {
 .font-medium{
   font-weight: 500;
 }
+.font-semibold{
+  font-weight: 600;
+}
 .uppercase{
   text-transform: uppercase;
 }
@@ -3458,6 +3481,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));
@@ -3566,6 +3593,9 @@ input[type=number] {
 .caret-primary{
   caret-color: color-mix(in srgb, var(--state-color-primary-default) calc(100% * 1), transparent);
 }
+.opacity-50{
+  opacity: 0.5;
+}
 .opacity-60{
   opacity: 0.6;
 }
@@ -3980,6 +4010,9 @@ input[type=number] {
   --tw-border-opacity: 1;
   border-color: color-mix(in srgb, var(--input-color-active-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
 }
+.hover\:bg-\[var\(--dropdown-menu-hover-bg\)\]:hover{
+  background-color: var(--dropdown-menu-hover-bg);
+}
 .hover\:bg-action-button-icon-active-hover:hover{
   --tw-bg-opacity: 1;
   background-color: color-mix(in srgb, var(--action-button-icon-active-hover-bg) calc(100% * var(--tw-bg-opacity, 1)), transparent);
@@ -4191,6 +4224,9 @@ input[type=number] {
 .hover\:fill-input-default-text:hover{
   fill: color-mix(in srgb, var(--input-color-default-text) calc(100% * 1), transparent);
 }
+.hover\:text-\[var\(--dropdown-menu-hover-text\)\]:hover{
+  color: var(--dropdown-menu-hover-text);
+}
 .hover\:text-action-button-icon-active-hover:hover{
   --tw-text-opacity: 1;
   color: color-mix(in srgb, var(--action-button-icon-active-hover-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
@@ -5826,6 +5862,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;