@paymanai/payman-ask-sdk 1.2.24 → 1.2.26

package/dist/styles.css

@@ -615,6 +615,55 @@
 .payman-v2-thinking-chevron-open {
   transform: rotate(90deg);
 }
+.payman-v2-thinking-header-label {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+.payman-v2-thinking-seconds {
+  display: inline-flex;
+  align-items: center;
+  gap: 1px;
+  font-variant-numeric: tabular-nums;
+  font-feature-settings: "tnum" 1;
+}
+.payman-v2-thinking-seconds-track {
+  display: grid;
+  place-items: center;
+  min-width: 1.4ch;
+  overflow: hidden;
+}
+.payman-v2-thinking-seconds-value {
+  grid-area: 1 / 1;
+  display: inline-block;
+  will-change:
+    transform,
+    opacity,
+    filter;
+}
+.payman-v2-thinking-seconds-suffix {
+  display: inline-block;
+}
+.payman-v2-thinking-timer {
+  display: inline-flex;
+  align-items: center;
+  min-width: 1.75rem;
+  padding: 1px 7px;
+  border-radius: 9999px;
+  background: var(--payman-v2-hover);
+  color: var(--payman-v2-text-4);
+  font-size: 10.5px;
+  font-weight: 500;
+  letter-spacing: 0.02em;
+  line-height: 1.4;
+  transition: color 0.2s ease, background-color 0.2s ease;
+}
+.payman-v2-thinking-duration {
+  color: currentColor;
+}
+.payman-v2-thinking-toggle:hover .payman-v2-thinking-timer {
+  color: var(--payman-v2-text-3);
+}
 .payman-v2-thinking-content {
   overflow: hidden;
 }
@@ -663,18 +712,16 @@
 .payman-v2-thinking-cursor {
   display: flex;
   align-items: center;
-  gap: 0.375rem;
+  gap: 0.5rem;
   margin-top: 0.25rem;
   height: 18px;
 }
-.payman-v2-thinking-cursor-bar {
-  display: inline-block;
-  width: 5px;
-  height: 12px;
-  background: var(--payman-v2-thinking-cursor-color);
-  border-radius: 2px;
+.payman-v2-thinking-mark {
+  width: 16px;
+  height: 16px;
   flex-shrink: 0;
-  animation: payman-v2-cursor-blink 1s ease-in-out infinite;
+  color: var(--payman-v2-thinking-mark-color-override, #7AE5E0);
+  overflow: visible;
 }
 .payman-v2-thinking-cursor-label {
   font-size: var(--payman-v2-small-font-size);
@@ -1246,16 +1293,16 @@
 }
 .payman-v2-verification-actions {
   display: flex;
-  align-items: center;
+  align-items: stretch;
   border-top: 1px solid var(--payman-v2-verification-border);
 }
-.payman-v2-verification-resend-btn,
 .payman-v2-verification-cancel-btn {
   flex: 1;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 0.25rem;
+  width: 100%;
   padding: 0.5rem;
   font-size: 11px;
   font-weight: 500;
@@ -1264,27 +1311,38 @@
   cursor: pointer;
   transition: color 0.15s, background-color 0.15s;
   font-family: inherit;
-}
-.payman-v2-verification-resend-btn {
-  color: var(--payman-v2-text-3);
-  border-right: 1px solid var(--payman-v2-verification-border);
-}
-.payman-v2-verification-resend-btn:hover {
-  color: var(--payman-v2-text-2);
-  background: var(--payman-v2-hover);
-}
-.payman-v2-verification-cancel-btn {
   color: rgba(239, 68, 68, 0.7);
 }
 .payman-v2-verification-cancel-btn:hover {
   color: var(--payman-v2-error-color);
   background: var(--payman-v2-error-bg);
 }
-.payman-v2-verification-resend-btn:disabled,
 .payman-v2-verification-cancel-btn:disabled {
   opacity: 0.4;
   cursor: not-allowed;
 }
+.payman-v2-verification-resend-link {
+  display: block;
+  width: 100%;
+  margin-top: 0.5rem;
+  padding: 0;
+  font-size: 11px;
+  font-weight: 500;
+  font-family: inherit;
+  text-align: center;
+  color: var(--payman-v2-text-3);
+  background: none;
+  border: none;
+  cursor: pointer;
+  transition: color 0.15s;
+}
+.payman-v2-verification-resend-link:hover:not(:disabled) {
+  color: var(--payman-v2-text-2);
+}
+.payman-v2-verification-resend-link:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
 .payman-v2-otp {
   display: flex;
   justify-content: center;