@rovula/ui 0.1.0 → 0.1.2

package/dist/cjs/bundle.css

@@ -566,6 +566,9 @@ input[type=number] {
 .pointer-events-auto{
   pointer-events: auto;
 }
+.visible{
+  visibility: visible;
+}
 .static{
   position: static;
 }
@@ -657,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;
 }
@@ -710,6 +719,9 @@ input[type=number] {
 .mb-1{
   margin-bottom: 0.25rem;
 }
+.mb-2{
+  margin-bottom: 0.5rem;
+}
 .ml-2{
   margin-left: 0.5rem;
 }
@@ -868,6 +880,9 @@ input[type=number] {
 .h-60{
   height: 15rem;
 }
+.h-\[200vh\]{
+  height: 200vh;
+}
 .h-\[24px\]{
   height: 24px;
 }
@@ -892,6 +907,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);
 }
@@ -911,12 +932,21 @@ 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-\[14px\]{
+  min-height: 14px;
+}
+.min-h-screen{
+  min-height: 100vh;
+}
 .w-1\/2{
   width: 50%;
 }
@@ -941,6 +971,9 @@ input[type=number] {
 .w-6{
   width: 1.5rem;
 }
+.w-64{
+  width: 16rem;
+}
 .w-8{
   width: 2rem;
 }
@@ -1110,6 +1143,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;
 }
@@ -1167,9 +1203,16 @@ input[type=number] {
 .gap-6{
   gap: 1.5rem;
 }
+.gap-8{
+  gap: 2rem;
+}
 .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);
@@ -1323,6 +1366,9 @@ input[type=number] {
 .border-t{
   border-top-width: 1px;
 }
+.border-t-2{
+  border-top-width: 2px;
+}
 .border-solid{
   border-style: solid;
 }
@@ -1543,6 +1589,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);
@@ -1553,6 +1602,9 @@ input[type=number] {
 .bg-\[rgb\(var\(--navbar-bg-color\)\)\]{
   background-color: rgb(var(--navbar-bg-color));
 }
+.bg-\[var\(--base-color-popup\)\]{
+  background-color: var(--base-color-popup);
+}
 .bg-\[var\(--dropdown-menu-default-bg\)\]{
   background-color: var(--dropdown-menu-default-bg);
 }
@@ -1562,6 +1614,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);
@@ -2895,6 +2950,9 @@ input[type=number] {
 .fill-input-disable-stroke{
   fill: color-mix(in srgb, var(--input-color-disable-stroke) calc(100% * 1), transparent);
 }
+.fill-none{
+  fill: none;
+}
 .fill-primary{
   fill: color-mix(in srgb, var(--state-color-primary-default) calc(100% * 1), transparent);
 }
@@ -2907,12 +2965,24 @@ 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);
 }
+.stroke-input-default-text{
+  stroke: color-mix(in srgb, var(--input-color-default-text) calc(100% * 1), transparent);
+}
 .stroke-input-disable-stroke{
   stroke: color-mix(in srgb, var(--input-color-disable-stroke) calc(100% * 1), transparent);
 }
+.stroke-input-error{
+  stroke: color-mix(in srgb, var(--input-color-error) calc(100% * 1), transparent);
+}
+.stroke-input-filled-text{
+  stroke: color-mix(in srgb, var(--input-color-filled-text) calc(100% * 1), transparent);
+}
 .stroke-primary-default{
   stroke: color-mix(in srgb, var(--state-color-primary-default) calc(100% * 1), transparent);
 }
@@ -3109,6 +3179,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;
 }
@@ -3313,6 +3386,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);
 }
@@ -3618,6 +3694,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;
@@ -3690,6 +3770,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);
@@ -4126,6 +4211,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);
 }
@@ -4225,6 +4314,12 @@ input[type=number] {
 .hover\:fill-input-default-text:hover{
   fill: color-mix(in srgb, var(--input-color-default-text) calc(100% * 1), transparent);
 }
+.hover\:stroke-input-active-stroke:hover{
+  stroke: color-mix(in srgb, var(--input-color-active-stroke) calc(100% * 1), transparent);
+}
+.hover\:stroke-input-filled-text:hover{
+  stroke: color-mix(in srgb, var(--input-color-filled-text) calc(100% * 1), transparent);
+}
 .hover\:text-\[var\(--dropdown-menu-hover-text\)\]:hover{
   color: var(--dropdown-menu-hover-text);
 }
@@ -4359,6 +4454,10 @@ input[type=number] {
   --tw-ring-opacity: 1;
   --tw-ring-color: color-mix(in srgb, var(--input-color-disable-stroke) calc(100% * var(--tw-ring-opacity, 1)), transparent);
 }
+.hover\:ring-input-error:hover{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: color-mix(in srgb, var(--input-color-error) calc(100% * var(--tw-ring-opacity, 1)), transparent);
+}
 .hover\:placeholder\:text-input-disable-text:hover::-moz-placeholder{
   --tw-text-opacity: 1;
   color: color-mix(in srgb, var(--input-color-disable-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
@@ -4747,6 +4846,9 @@ input[type=number] {
 .active\:fill-button-warning-solid-active:active{
   fill: color-mix(in srgb, var(--button-warning-solid-active-text) calc(100% * 1), transparent);
 }
+.active\:stroke-input-filled-text:active{
+  stroke: color-mix(in srgb, var(--input-color-filled-text) calc(100% * 1), transparent);
+}
 .active\:text-action-button-icon-active-pressed:active{
   --tw-text-opacity: 1;
   color: color-mix(in srgb, var(--action-button-icon-active-pressed-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
@@ -5336,6 +5438,10 @@ input[type=number] {
 .peer:focus ~ .peer-focus\:stroke-primary-hover{
   stroke: color-mix(in srgb, var(--state-color-primary-hover) calc(100% * 1), transparent);
 }
+.peer:focus ~ .peer-focus\:text-input-default-text{
+  --tw-text-opacity: 1;
+  color: color-mix(in srgb, var(--input-color-default-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
+}
 .peer:focus ~ .peer-focus\:text-input-filled-text{
   --tw-text-opacity: 1;
   color: color-mix(in srgb, var(--input-color-filled-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
@@ -5350,6 +5456,9 @@ input[type=number] {
   line-height: var(--label-label2-line-height, 10px);
   font-weight: var(--label-label2-weight, 400);
 }
+.peer:active ~ .peer-active\:fill-input-filled-text{
+  fill: color-mix(in srgb, var(--input-color-filled-text) calc(100% * 1), transparent);
+}
 .peer:disabled ~ .peer-disabled\:cursor-not-allowed{
   cursor: not-allowed;
 }
@@ -5918,6 +6027,26 @@ input[type=number] {
   width: 32px;
   height: 32px;
 }
+.\[\&_svg\]\:text-input-default-text svg{
+  --tw-text-opacity: 1;
+  color: color-mix(in srgb, var(--input-color-default-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
+}
+.peer:hover ~ .peer-hover\:\[\&_svg\]\:text-input-filled-text svg{
+  --tw-text-opacity: 1;
+  color: color-mix(in srgb, var(--input-color-filled-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
+}
+.peer:focus ~ .peer-focus\:\[\&_svg\]\:text-input-filled-text svg{
+  --tw-text-opacity: 1;
+  color: color-mix(in srgb, var(--input-color-filled-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
+}
+.peer:active ~ .peer-active\:\[\&_svg\]\:text-input-filled-text svg{
+  --tw-text-opacity: 1;
+  color: color-mix(in srgb, var(--input-color-filled-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
+}
+.peer:disabled ~ .peer-disabled\:\[\&_svg\]\:text-input-disable-stroke svg{
+  --tw-text-opacity: 1;
+  color: color-mix(in srgb, var(--input-color-disable-stroke) calc(100% * var(--tw-text-opacity, 1)), transparent);
+}
 .\[\&_tr\:last-child\]\:border-0 tr:last-child{
   border-width: 0px;
 }