@tuwaio/nova-connect 1.0.0-fix-test-alpha.55.f5b462c → 1.0.0-fix-test-alpha.57.ba01e3f

package/dist/index.css

@@ -6,6 +6,8 @@
     --novacon-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
     monospace;
     --novacon-color-red-500: oklch(63.7% 0.237 25.331);
+    --novacon-color-red-600: oklch(57.7% 0.245 27.325);
+    --novacon-color-blue-500: oklch(62.3% 0.214 259.815);
     --novacon-color-gray-300: oklch(87.2% 0.01 258.338);
     --novacon-color-white: #fff;
     --novacon-spacing: 0.25rem;
@@ -290,9 +292,6 @@
   .novacon\:max-h-32 {
     max-height: calc(var(--novacon-spacing) * 32);
   }
-  .novacon\:max-h-\[300px\] {
-    max-height: 300px;
-  }
   .novacon\:max-h-\[310px\] {
     max-height: 310px;
   }
@@ -407,6 +406,9 @@
   .novacon\:transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
+  .novacon\:animate-\[float_var\(--float-duration\,3000ms\)_var\(--float-ease\,ease-in-out\)_var\(--float-delay\,0ms\)_infinite_var\(--float-direction\,normal\)\] {
+    animation: float var(--float-duration,3000ms) var(--float-ease,ease-in-out) var(--float-delay,0ms) infinite var(--float-direction,normal);
+  }
   .novacon\:animate-pulse {
     animation: var(--novacon-animate-pulse);
   }
@@ -425,6 +427,10 @@
   .novacon\:cursor-wait {
     cursor: wait;
   }
+  .novacon\:touch-pan-x {
+    --tw-pan-x: pan-x;
+    touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
+  }
   .novacon\:flex-col {
     flex-direction: column;
   }
@@ -470,6 +476,13 @@
   .novacon\:gap-4 {
     gap: calc(var(--novacon-spacing) * 4);
   }
+  .novacon\:space-y-1 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--novacon-spacing) * 1) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--novacon-spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .novacon\:space-y-2 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -603,6 +616,9 @@
   .novacon\:bg-\[var\(--tuwa-warning-bg\)\] {
     background-color: var(--tuwa-warning-bg);
   }
+  .novacon\:bg-blue-500 {
+    background-color: var(--novacon-color-blue-500);
+  }
   .novacon\:bg-gray-300 {
     background-color: var(--novacon-color-gray-300);
   }
@@ -612,6 +628,10 @@
   .novacon\:bg-transparent {
     background-color: transparent;
   }
+  .novacon\:bg-gradient-to-b {
+    --tw-gradient-position: to bottom in oklab;
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
   .novacon\:bg-gradient-to-r {
     --tw-gradient-position: to right in oklab;
     background-image: linear-gradient(var(--tw-gradient-stops));
@@ -685,6 +705,9 @@
   .novacon\:py-2 {
     padding-block: calc(var(--novacon-spacing) * 2);
   }
+  .novacon\:py-4 {
+    padding-block: calc(var(--novacon-spacing) * 4);
+  }
   .novacon\:py-8 {
     padding-block: calc(var(--novacon-spacing) * 8);
   }
@@ -738,6 +761,10 @@
   .novacon\:text-\[10px\] {
     font-size: 10px;
   }
+  .novacon\:leading-\[0\] {
+    --tw-leading: 0;
+    line-height: 0;
+  }
   .novacon\:leading-relaxed {
     --tw-leading: var(--novacon-leading-relaxed);
     line-height: var(--novacon-leading-relaxed);
@@ -769,6 +796,9 @@
   .novacon\:text-\[var\(--tuwa-text-accent\)\] {
     color: var(--tuwa-text-accent);
   }
+  .novacon\:text-\[var\(--tuwa-text-error\)\] {
+    color: var(--tuwa-text-error);
+  }
   .novacon\:text-\[var\(--tuwa-text-on-accent\)\] {
     color: var(--tuwa-text-on-accent);
   }
@@ -805,6 +835,14 @@
   .novacon\:opacity-100 {
     opacity: 100%;
   }
+  .novacon\:shadow-2xl {
+    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .novacon\:shadow-lg {
+    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .novacon\:shadow-sm {
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1063,6 +1101,13 @@
       }
     }
   }
+  .novacon\:hover\:bg-red-600 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--novacon-color-red-600);
+      }
+    }
+  }
   .novacon\:hover\:from-\[var\(--tuwa-button-gradient-from-hover\)\] {
     &:hover {
       @media (hover: hover) {
@@ -1300,6 +1345,18 @@
       animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
     }
   }
+  .novacon\:data-\[state\=open\]\:fade-in-0 {
+    &[data-state="open"] {
+      --tw-enter-opacity: calc(0/100);
+      --tw-enter-opacity: 0;
+    }
+  }
+  .novacon\:data-\[state\=open\]\:zoom-in-95 {
+    &[data-state="open"] {
+      --tw-enter-scale: calc(95*1%);
+      --tw-enter-scale: .95;
+    }
+  }
   .novacon\:min-\[480px\]\:block {
     @media (width >= 480px) {
       display: block;
@@ -1690,6 +1747,18 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-pan-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-pan-y {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-pinch-zoom {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-space-y-reverse {
   syntax: "*";
   inherits: false;
@@ -1872,6 +1941,15 @@
     filter: blur(var(--tw-exit-blur,0));
   }
 }
+@keyframes float {
+  0%,
+    100% {
+    transform: translateY(0);
+  }
+  50% {
+    transform: translateY(-10px);
+  }
+}
 @keyframes rotate {
   0% {
     transform: rotate(0deg);
@@ -1891,6 +1969,9 @@
       --tw-rotate-z: initial;
       --tw-skew-x: initial;
       --tw-skew-y: initial;
+      --tw-pan-x: initial;
+      --tw-pan-y: initial;
+      --tw-pinch-zoom: initial;
       --tw-space-y-reverse: 0;
       --tw-space-x-reverse: 0;
       --tw-border-style: solid;