@rovula/ui 0.0.82 → 0.1.1

package/dist/cjs/bundle.css

@@ -1,6 +1,7 @@
-
 @import "./tokens/baseline.css";
+@import "./themes/variable.css";
 @import "./themes/xspector/baseline.css";
+@import "./themes/skyller/baseline.css";
 
 *, ::before, ::after{
   --tw-border-spacing-x: 0;
@@ -565,6 +566,9 @@ input[type=number] {
 .pointer-events-auto{
   pointer-events: auto;
 }
+.visible{
+  visibility: visible;
+}
 .static{
   position: static;
 }
@@ -656,6 +660,12 @@ input[type=number] {
 .top-full{
   top: 100%;
 }
+.-z-10{
+  z-index: -10;
+}
+.-z-\[5\]{
+  z-index: -5;
+}
 .z-0{
   z-index: 0;
 }
@@ -867,6 +877,9 @@ input[type=number] {
 .h-60{
   height: 15rem;
 }
+.h-\[200vh\]{
+  height: 200vh;
+}
 .h-\[24px\]{
   height: 24px;
 }
@@ -891,6 +904,12 @@ input[type=number] {
 .h-\[64px\]{
   height: 64px;
 }
+.h-\[var\(--footer-height\)\]{
+  height: var(--footer-height);
+}
+.h-\[var\(--footer-height-simple\)\]{
+  height: var(--footer-height-simple);
+}
 .h-\[var\(--navbar-height\)\]{
   height: var(--navbar-height);
 }
@@ -910,12 +929,18 @@ input[type=number] {
 .max-h-60{
   max-height: 15rem;
 }
+.max-h-\[80vh\]{
+  max-height: 80vh;
+}
 .max-h-screen{
   max-height: 100vh;
 }
 .min-h-10{
   min-height: 2.5rem;
 }
+.min-h-screen{
+  min-height: 100vh;
+}
 .w-1\/2{
   width: 50%;
 }
@@ -940,6 +965,9 @@ input[type=number] {
 .w-6{
   width: 1.5rem;
 }
+.w-64{
+  width: 16rem;
+}
 .w-8{
   width: 2rem;
 }
@@ -1109,6 +1137,9 @@ input[type=number] {
 .grid-cols-9{
   grid-template-columns: repeat(9, minmax(0, 1fr));
 }
+.grid-cols-\[repeat\(auto-fill\2c minmax\(140px\2c 1fr\)\)\]{
+  grid-template-columns: repeat(auto-fill,minmax(140px,1fr));
+}
 .flex-row{
   flex-direction: row;
 }
@@ -1169,6 +1200,10 @@ input[type=number] {
 .gap-\[2px\]{
   gap: 2px;
 }
+.gap-x-\[var\(--footer-gap\)\]{
+  -moz-column-gap: var(--footer-gap);
+       column-gap: var(--footer-gap);
+}
 .gap-x-\[var\(--navbar-gap\)\]{
   -moz-column-gap: var(--navbar-gap);
        column-gap: var(--navbar-gap);
@@ -1322,6 +1357,9 @@ input[type=number] {
 .border-t{
   border-top-width: 1px;
 }
+.border-t-2{
+  border-top-width: 2px;
+}
 .border-solid{
   border-style: solid;
 }
@@ -1542,6 +1580,9 @@ input[type=number] {
   --tw-border-opacity: 1;
   border-right-color: color-mix(in srgb, var(--input-color-error) calc(100% * var(--tw-border-opacity, 1)), transparent);
 }
+.border-t-\[var\(--footer-border-color\)\]{
+  border-top-color: var(--footer-border-color);
+}
 .border-t-secondary{
   --tw-border-opacity: 1;
   border-top-color: color-mix(in srgb, var(--state-color-secondary-default) calc(100% * var(--tw-border-opacity, 1)), transparent);
@@ -1561,6 +1602,9 @@ input[type=number] {
 .bg-\[var\(--dropdown-menu-seperator-bg\)\]{
   background-color: var(--dropdown-menu-seperator-bg);
 }
+.bg-\[var\(--footer-bg-color\)\]{
+  background-color: var(--footer-bg-color);
+}
 .bg-action-button-icon-active{
   --tw-bg-opacity: 1;
   background-color: color-mix(in srgb, var(--action-button-icon-active-bg) calc(100% * var(--tw-bg-opacity, 1)), transparent);
@@ -2906,6 +2950,9 @@ input[type=number] {
 .fill-warning{
   fill: color-mix(in srgb, var(--state-color-warning-default) calc(100% * 1), transparent);
 }
+.stroke-current{
+  stroke: currentColor;
+}
 .stroke-input-default-stroke{
   stroke: color-mix(in srgb, var(--input-color-default-stroke) calc(100% * 1), transparent);
 }
@@ -3108,6 +3155,9 @@ input[type=number] {
 .align-middle{
   vertical-align: middle;
 }
+.font-mono{
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
 .font-poppins{
   font-family: Poppins, sans-serif;
 }
@@ -3312,6 +3362,9 @@ input[type=number] {
 .text-\[var\(--dropdown-menu-selected-text\)\]{
   color: var(--dropdown-menu-selected-text);
 }
+.text-\[var\(--footer-text-color\)\]{
+  color: var(--footer-text-color);
+}
 .text-\[var\(--loading-process-color\)\]{
   color: var(--loading-process-color);
 }
@@ -3617,6 +3670,10 @@ input[type=number] {
   --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+.shadow-\[var\(--navbar-shadow-scrolled\)\]{
+  --tw-shadow-color: var(--navbar-shadow-scrolled);
+  --tw-shadow: var(--tw-shadow-colored);
+}
 .outline-none{
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -3689,6 +3746,11 @@ input[type=number] {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
+.transition-shadow{
+  transition-property: box-shadow;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .transition-transform{
   transition-property: transform;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -4125,6 +4187,10 @@ input[type=number] {
   --tw-bg-opacity: 1;
   background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
 }
+.hover\:bg-gray-50:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / 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);
 }