@rovula/ui 0.1.1 → 0.1.2

package/dist/cjs/bundle.css

@@ -719,6 +719,9 @@ input[type=number] {
 .mb-1{
   margin-bottom: 0.25rem;
 }
+.mb-2{
+  margin-bottom: 0.5rem;
+}
 .ml-2{
   margin-left: 0.5rem;
 }
@@ -938,6 +941,9 @@ input[type=number] {
 .min-h-10{
   min-height: 2.5rem;
 }
+.min-h-\[14px\]{
+  min-height: 14px;
+}
 .min-h-screen{
   min-height: 100vh;
 }
@@ -1197,6 +1203,9 @@ input[type=number] {
 .gap-6{
   gap: 1.5rem;
 }
+.gap-8{
+  gap: 2rem;
+}
 .gap-\[2px\]{
   gap: 2px;
 }
@@ -1593,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);
 }
@@ -2938,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);
 }
@@ -2956,9 +2971,18 @@ input[type=number] {
 .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);
 }
@@ -4290,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);
 }
@@ -4424,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);
@@ -4812,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);
@@ -5401,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);
@@ -5415,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;
 }
@@ -5983,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;
 }