@windrun-huaiin/third-ui 29.2.1 → 30.1.0

package/src/styles/cta.css

@@ -1,5 +1,23 @@
 @layer utilities {
-  /* Renamed Keyframes for CTA component */
+  .third-ui-cta-surface {
+    background-color: rgb(245 245 245);
+    background-image:
+      radial-gradient(circle at 14% 12%, color-mix(in srgb, var(--cta-color-a) 19%, transparent) 0, transparent 34%),
+      radial-gradient(circle at 86% 20%, color-mix(in srgb, var(--cta-color-b) 17%, transparent) 0, transparent 32%),
+      radial-gradient(circle at 52% 102%, color-mix(in srgb, var(--cta-color-c) 15%, transparent) 0, transparent 36%),
+      linear-gradient(135deg, rgb(250 250 250 / 0.96), rgb(245 245 245 / 0.92) 45%, rgb(229 229 229 / 0.9));
+    background-size: 180% 180%, 170% 170%, 190% 190%, 100% 100%;
+  }
+
+  .dark .third-ui-cta-surface {
+    background-color: rgb(23 23 23);
+    background-image:
+      radial-gradient(circle at 16% 8%, color-mix(in srgb, var(--cta-color-a) 27%, transparent) 0, transparent 36%),
+      radial-gradient(circle at 88% 22%, color-mix(in srgb, var(--cta-color-b) 22%, transparent) 0, transparent 34%),
+      radial-gradient(circle at 50% 110%, color-mix(in srgb, var(--cta-color-c) 19%, transparent) 0, transparent 38%),
+      linear-gradient(135deg, rgb(38 38 38 / 0.94), rgb(23 23 23 / 0.96) 48%, rgb(10 10 10 / 0.96));
+  }
+
   @keyframes cta-gradient-wave {
     0%, 100% {
       background-position: 0% 50%;
@@ -9,8 +27,7 @@
     }
   }
 
-  /* Renamed Utility Class for CTA component */
   .animate-cta-gradient-wave {
-    animation: cta-gradient-wave 6s ease infinite; /* Use renamed keyframes */
+    animation: cta-gradient-wave 9s ease-in-out infinite;
   }
-} 
+} 

package/src/styles/third-ui.css

@@ -28,26 +28,6 @@
 
 /* Third UI */
 
-/* Loading Animation Keyframes */
-@keyframes loading-dot-pulse {
-  0% {
-    transform: scale(0.2);
-    opacity: 0;
-  }
-  25% { /* Peak of the pulse, more prominent */
-    transform: scale(1.2);
-    opacity: 1;
-  }
-  50% { /* Start to fade and shrink */
-      transform: scale(0.8);
-      opacity: 0.7;
-  }
-  100% { /* Fully faded and shrunk back */
-    transform: scale(0.2);
-    opacity: 0;
-  }
-}
-
 /* NProgress progress bar style */
 #nprogress .bar {
   background: var(--nprogress-bar-color, #AC62FD) !important;