@seams/wallet 0.24.0 → 0.27.0

package/dist/esm/react/components/AccountMenuButton/AccountsSection.css

@@ -1,6 +1,6 @@
 /* Expander (AccountsSection) — same grid-rows collapse mechanism as the
    Transaction Settings expander so the two sections open with one motion */
-.seams-dropdown-accounts-root {
+[data-seams-root].seams-theme-provider .seams-dropdown-accounts-root {
   background-color: var(--seams-expander-surface, var(--seams-colors-surface));
   transform-origin: top;
   display: grid;
@@ -8,19 +8,19 @@
   transition: grid-template-rows 200ms cubic-bezier(0.22, 1, 0.36, 1);
 }
 
-.seams-dropdown-accounts-root.is-expanded {
+[data-seams-root].seams-theme-provider .seams-dropdown-accounts-root.is-expanded {
   border-top: 1px solid var(--seams-colors-borderPrimary);
   border-bottom: 1px solid var(--seams-colors-borderPrimary);
   grid-template-rows: 1fr;
 }
 
-.seams-dropdown-accounts-clip {
+[data-seams-root].seams-theme-provider .seams-dropdown-accounts-clip {
   overflow: hidden;
   min-height: 0;
   min-width: 0;
 }
 
-.seams-dropdown-accounts-content {
+[data-seams-root].seams-theme-provider .seams-dropdown-accounts-content {
   display: flex;
   flex-direction: column;
   gap: 2px;
@@ -32,12 +32,14 @@
   transform: translateY(4px);
 }
 
-.seams-dropdown-accounts-root.is-expanded .seams-dropdown-accounts-content {
+[data-seams-root].seams-theme-provider
+  .seams-dropdown-accounts-root.is-expanded
+  .seams-dropdown-accounts-content {
   opacity: 1;
   transform: translateY(0);
 }
 
-.seams-accounts-row {
+[data-seams-root].seams-theme-provider a.seams-accounts-row {
   display: flex;
   align-items: center;
   gap: 10px;
@@ -48,7 +50,7 @@
   transition: background 150ms ease;
 }
 
-.seams-accounts-row:hover {
+[data-seams-root].seams-theme-provider a.seams-accounts-row:hover {
   /* a shade off the expander surface behind the rows, which is often surface2;
      mixing follows a theme's surface where a fixed surface step does not */
   background: color-mix(
@@ -58,7 +60,7 @@
   );
 }
 
-.seams-accounts-row-chain {
+[data-seams-root].seams-theme-provider .seams-accounts-row-chain {
   flex: 0 0 auto;
   min-width: 56px;
   font-size: 13px;
@@ -66,7 +68,7 @@
   color: var(--seams-colors-textPrimary);
 }
 
-.seams-accounts-row-address {
+[data-seams-root].seams-theme-provider .seams-accounts-row-address {
   flex: 1;
   min-width: 0;
   overflow: hidden;
@@ -77,11 +79,16 @@
   color: var(--seams-colors-textSecondary);
 }
 
-.seams-accounts-row-arrow {
+[data-seams-root].seams-theme-provider .seams-accounts-row-arrow {
   flex: 0 0 auto;
+  width: 14px;
+  height: 14px;
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 2;
   color: var(--seams-colors-textSecondary);
 }
 
-.seams-accounts-row:hover .seams-accounts-row-arrow {
+[data-seams-root].seams-theme-provider a.seams-accounts-row:hover .seams-accounts-row-arrow {
   color: var(--seams-colors-textPrimary);
 }

package/dist/esm/react/components/AccountMenuButton/AuthenticationMethodRow.js

@@ -1,4 +1,5 @@
 import { WalletText } from "../../context/WalletLocale.js";
+import { lucideIconSvg } from "./icons/lucideIcon.js";
 import TouchIcon from "./icons/TouchIcon.js";
 import { HoverArrowIcon } from "./icons/HoverArrowIcon.js";
 import { MailIcon } from "./icons/MailIcon.js";
@@ -16,17 +17,10 @@ function methodIcon(kind) {
 			size: 20,
 			strokeWidth: 1.75
 		});
-		case "voiceid": return /* @__PURE__ */ jsx("svg", {
-			width: "20",
-			height: "20",
-			viewBox: "0 0 24 24",
-			fill: "none",
-			stroke: "currentColor",
-			strokeWidth: "1.75",
-			strokeLinecap: "round",
-			"aria-hidden": "true",
-			children: /* @__PURE__ */ jsx("path", { d: "M4 10v4m4-7v10m4-14v18m4-14v10m4-7v4" })
-		});
+		case "voiceid": return lucideIconSvg("voiceid", {
+			size: 20,
+			strokeWidth: 1.75
+		}, /* @__PURE__ */ jsx("path", { d: "M4 10v4m4-7v10m4-14v18m4-14v10m4-7v4" }));
 	}
 }
 function AuthenticationMethodRow({ kind, title, description, chip, icon, action, footer, onSelect, children }) {

package/dist/esm/react/components/AccountMenuButton/ExportKeysSection.css

@@ -1,6 +1,6 @@
 /* Expander (ExportKeysSection) — same grid-rows collapse mechanism as the
    Transaction Settings / Accounts expanders so all sections open with one motion */
-.seams-dropdown-export-keys-root {
+[data-seams-root].seams-theme-provider .seams-dropdown-export-keys-root {
   background-color: var(--seams-expander-surface, var(--seams-colors-surface));
   transform-origin: top;
   display: grid;
@@ -8,19 +8,19 @@
   transition: grid-template-rows 200ms cubic-bezier(0.22, 1, 0.36, 1);
 }
 
-.seams-dropdown-export-keys-root.is-expanded {
+[data-seams-root].seams-theme-provider .seams-dropdown-export-keys-root.is-expanded {
   border-top: 1px solid var(--seams-colors-borderPrimary);
   border-bottom: 1px solid var(--seams-colors-borderPrimary);
   grid-template-rows: 1fr;
 }
 
-.seams-dropdown-export-keys-clip {
+[data-seams-root].seams-theme-provider .seams-dropdown-export-keys-clip {
   overflow: hidden;
   min-height: 0;
   min-width: 0;
 }
 
-.seams-dropdown-export-keys-content {
+[data-seams-root].seams-theme-provider .seams-dropdown-export-keys-content {
   display: flex;
   flex-direction: column;
   gap: 2px;
@@ -32,12 +32,14 @@
   transform: translateY(4px);
 }
 
-.seams-dropdown-export-keys-root.is-expanded .seams-dropdown-export-keys-content {
+[data-seams-root].seams-theme-provider
+  .seams-dropdown-export-keys-root.is-expanded
+  .seams-dropdown-export-keys-content {
   opacity: 1;
   transform: translateY(0);
 }
 
-.seams-export-keys-row {
+[data-seams-root].seams-theme-provider button.seams-export-keys-row {
   display: flex;
   align-items: center;
   gap: 10px;
@@ -52,7 +54,7 @@
   transition: background 150ms ease;
 }
 
-.seams-export-keys-row:hover:not(:disabled) {
+[data-seams-root].seams-theme-provider button.seams-export-keys-row:hover:not(:disabled) {
   /* a shade off the expander surface behind the rows, which is often surface2;
      mixing follows a theme's surface where a fixed surface step does not */
   background: color-mix(
@@ -62,12 +64,12 @@
   );
 }
 
-.seams-export-keys-row:disabled {
+[data-seams-root].seams-theme-provider button.seams-export-keys-row:disabled {
   opacity: 0.6;
   cursor: not-allowed;
 }
 
-.seams-export-keys-row-label {
+[data-seams-root].seams-theme-provider .seams-export-keys-row-label {
   flex: 0 0 auto;
   font-size: 13px;
   font-weight: 600;
@@ -75,7 +77,7 @@
   white-space: nowrap;
 }
 
-.seams-export-keys-row-description {
+[data-seams-root].seams-theme-provider .seams-export-keys-row-description {
   flex: 1;
   min-width: 0;
   overflow: hidden;
@@ -88,14 +90,14 @@
 
 /* always-present slot: reserves the spinner's footprint so toggling the
    export loading state never changes the row (or menu) size */
-.seams-export-keys-row-spinner {
+[data-seams-root].seams-theme-provider .seams-export-keys-row-spinner {
   flex: 0 0 auto;
   width: 14px;
   height: 14px;
   color: var(--seams-colors-textSecondary);
 }
 
-.seams-export-keys-row-spinner svg {
+[data-seams-root].seams-theme-provider .seams-export-keys-row-spinner svg {
   display: block;
   width: 100%;
   height: 100%;
@@ -104,16 +106,16 @@
 /* A phone-width menu left the description beside the label only a few
    characters, so it moves to a line of its own under the label. */
 @media (max-width: 480px) {
-  .seams-account-screen .seams-export-keys-row {
+  [data-seams-root].seams-theme-provider .seams-account-screen button.seams-export-keys-row {
     flex-wrap: wrap;
     row-gap: 2px;
   }
 
-  .seams-account-screen .seams-export-keys-row-spinner {
+  [data-seams-root].seams-theme-provider .seams-account-screen .seams-export-keys-row-spinner {
     margin-left: auto;
   }
 
-  .seams-account-screen .seams-export-keys-row-description {
+  [data-seams-root].seams-theme-provider .seams-account-screen .seams-export-keys-row-description {
     flex-basis: 100%;
     order: 1;
     white-space: normal;