@arcblock/did-connect-service 4.1.53 → 4.1.54

package/dist/_generated/login-bundle-string.js.map

@@ -1 +1 @@
-{"version":3,"file":"login-bundle-string.js","sourceRoot":"","sources":["../../src/_generated/login-bundle-string.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,eAAe,2x8HAA2x8H,CAAC"}
+{"version":3,"file":"login-bundle-string.js","sourceRoot":"","sources":["../../src/_generated/login-bundle-string.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,eAAe,6iuIAA6iuI,CAAC"}

package/dist/assets/{login.941957f5.css → login.875ad8b9.css}

@@ -700,28 +700,41 @@ h1 {
   border-color: var(--border-strong);
 }
 .locale-trigger svg { width: 14px; height: 14px; flex-shrink: 0; }
+/* One compact menu surface; rows are choices, not nested pill buttons. */
 .locale-menu {
-  display: none;
-  flex-direction: column;
-  align-items: stretch;
-  gap: 4px;
-  margin-top: 4px;
-}
-.locale-switcher.open .locale-menu {
-  display: flex;
-}
-.locale-btn[aria-checked="true"] {
-  color: var(--text);
-  border-color: var(--border-strong);
-}
-.locale-check { font-size: 11px; line-height: 1; }
+  display: none; position: absolute; top: calc(100% + 6px); right: 0; z-index: 4;
+  min-width: 144px; width: max-content; max-width: min(240px,calc(100vw - 64px));
+  padding: 4px; background: var(--bg-card); border: 1px solid var(--border);
+  border-radius: 10px; box-shadow: var(--shadow-lg);
+}
+.locale-switcher.open .locale-menu { display: flex; flex-direction: column; }
+.locale-menu .locale-btn {
+  width: 100%; min-height: 36px; height: auto; padding: 7px 10px; gap: 8px;
+  border: 0; border-radius: 6px; background: transparent; text-align: left;
+  font-size: 13px; line-height: 1.4; overflow-wrap: anywhere;
+}
+.locale-menu .locale-btn:hover, .locale-menu .locale-btn:focus-visible { background: var(--bg-hover); color: var(--text); }
+.locale-menu .locale-btn[aria-checked="true"] { color: var(--text); font-weight: 600; }
+.locale-check { width: 14px; flex: 0 0 14px; font-size: 12px; line-height: 1; }
+@media (pointer: coarse) { .locale-menu .locale-btn { min-height: 44px; } }
+.has-last-used { flex-wrap: wrap; }
+.last-used { display: inline-block; font-size: 11px; font-weight: 400; line-height: 1.4;
+  padding: 2px 6px; border: 1px solid currentColor; border-radius: 4px; opacity: .72; white-space: nowrap; }
 .card { position: relative; }
 
 /* Long localized method labels remain readable on narrow screens. */
 .methods-grid { grid-template-columns: 1fr; }
 .method-btn { min-height: 48px; white-space: normal; }
 .passkey-alt { min-height: 44px; font-weight: 600; }
-.oauth-recovery { font-size: 14px; line-height: 1.5; margin: 12px 0; }
+.oauth-recovery { font-size: 14px; line-height: 1.5; margin: 12px 0; padding: 12px;
+  border: 1px solid var(--border); border-radius: var(--radius); color: var(--text-secondary); text-align: left; }
+.oauth-recovery p { margin: 0 0 8px; overflow-wrap: anywhere; }
+.oauth-recovery-actions { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: center; }
+.oauth-recovery-actions button, .oauth-recovery-actions a { font: inherit; font-size: 13px; min-height: 44px;
+  display: inline-flex; align-items: center; padding: 4px 0; color: var(--text); border: 0; background: none; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
+.oauth-recovery-actions[hidden], .oauth-recovery-actions [hidden] { display: none; }
+.oauth-recovery-actions :focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; }
+
 @media (max-width: 480px) { .card { padding: 24px 20px; width: 100%; box-sizing: border-box; } h1 { font-size: 24px; } }
 
 .passkey-create-entry { display: flex; justify-content: center; align-items: center; width: 100%; box-sizing: border-box; border: 1px solid var(--border); border-radius: var(--radius); background: var(--bg-surface); color: var(--text); padding: 10px 14px; }
@@ -734,11 +747,7 @@ h1 {
 .card-modal .locale-switcher { min-width: 0; max-width: 100%; }
 .card-modal .locale-trigger { max-width: 100%; height: 36px; }
 .locale-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.card-modal .locale-menu { position: absolute; top: calc(100% + 8px); left: 0; z-index: 4; margin-top: 0;
-  width: max-content; max-width: min(260px,calc(100vw - 80px)); padding: 6px;
-  background: var(--bg-card); border: 1px solid var(--border-strong); border-radius: 10px; box-shadow: var(--shadow-lg); }
-.card-modal .locale-menu .locale-btn { min-height: 40px; height: auto; text-align: left; border-radius: 6px; }
-.card-modal .locale-menu .locale-btn span { overflow-wrap: anywhere; }
+.card-modal .locale-menu { left: 0; right: auto; }
 
 .card { padding: 52px 24px 24px; box-sizing: border-box; }
 .card-modal { width: 100%; }
@@ -747,7 +756,13 @@ h1 {
 .card.card-modal, :host([data-theme="light"]) .card.card-modal { box-shadow: none; }
 /* A translateY entrance expands an auto scroller by 4px until it finishes. */
 .card-modal[data-view] { animation: none; }
-.card-modal .back-btn { position: static; display: flex; width: max-content; max-width: 100%; margin: 0 0 16px; }
+/* Sub-step navigation shares the close button's center line in both modes. */
+.back-btn { top: 8px; left: 24px; height: 44px; max-width: calc(100% - 160px); line-height: 1.4; text-align: left; }
+.back-btn:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; border-radius: 4px; }
+.card-modal .back-btn { position: absolute; top: 8px; left: 24px; margin: 0; }
+.card-modal:has(.back-btn) .card-tools { left: auto; right: 64px; max-width: calc(100% - 160px); }
+.passkey-creating > .home-link { display: none; }
+@media (max-width:480px) { .back-btn, .card-modal .back-btn { left: 18px; } }
 .card-modal h1 { display: block; overflow: visible; -webkit-line-clamp: unset; line-clamp: unset; line-height: 1.4; padding-block: 2px; }
 .card-modal h1[tabindex="-1"]:focus { outline: none; }
 .card-modal h1, .card-modal h2, .card-modal .subtitle, .card-modal .status { overflow-wrap: anywhere; }