@tangle-network/sandbox-ui 0.116.2 → 0.116.5

package/dist/styles.css

@@ -971,6 +971,9 @@
   .max-h-\[90vh\] {
     max-height: 90vh;
   }
+  .max-h-\[min\(60vh\,35rem\)\] {
+    max-height: min(60vh, 35rem);
+  }
   .max-h-\[min\(60vh\,420px\)\] {
     max-height: min(60vh, 420px);
   }
@@ -1310,9 +1313,27 @@
   .max-w-6xl {
     max-width: var(--container-6xl);
   }
+  .max-w-26 {
+    max-width: calc(var(--spacing) * 26);
+  }
+  .max-w-28 {
+    max-width: calc(var(--spacing) * 28);
+  }
+  .max-w-36 {
+    max-width: calc(var(--spacing) * 36);
+  }
   .max-w-40 {
     max-width: calc(var(--spacing) * 40);
   }
+  .max-w-44 {
+    max-width: calc(var(--spacing) * 44);
+  }
+  .max-w-48 {
+    max-width: calc(var(--spacing) * 48);
+  }
+  .max-w-64 {
+    max-width: calc(var(--spacing) * 64);
+  }
   .max-w-80 {
     max-width: calc(var(--spacing) * 80);
   }
@@ -1430,6 +1451,9 @@
   .max-w-\[1050px\] {
     max-width: 1050px;
   }
+  .max-w-\[1086px\] {
+    max-width: 1086px;
+  }
   .max-w-\[1100px\] {
     max-width: 1100px;
   }
@@ -5061,6 +5085,12 @@
   .\[\&_svg\]\:shrink-0 svg {
     flex-shrink: 0;
   }
+  .\[\&_td\]\:px-4 td {
+    padding-inline: calc(var(--spacing) * 4);
+  }
+  .\[\&_th\]\:px-4 th {
+    padding-inline: calc(var(--spacing) * 4);
+  }
   .\[\&_tr\]\:border-b tr {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
@@ -5152,17 +5182,17 @@
 [data-sandbox-ui],
 [data-theme="dark"],
 .dark {
-  --md3-surface: #151523;
-  --md3-surface-dim: #0f0f1a;
-  --md3-surface-bright: #393957;
-  --md3-surface-container-lowest: #0f0f1a;
-  --md3-surface-container-low: #222235;
-  --md3-surface-container: #2d2e43;
-  --md3-surface-container-high: #32324e;
-  --md3-surface-container-highest: #393957;
-  --md3-surface-variant: #32324e;
-  --md3-on-surface: #e3e6ed;
-  --md3-on-surface-variant: #b2b4c7;
+  --md3-surface: #161616;
+  --md3-surface-dim: #101010;
+  --md3-surface-bright: #3b3b3b;
+  --md3-surface-container-lowest: #101010;
+  --md3-surface-container-low: #242424;
+  --md3-surface-container: #303030;
+  --md3-surface-container-high: #353535;
+  --md3-surface-container-highest: #3b3b3b;
+  --md3-surface-variant: #353535;
+  --md3-on-surface: #e6e6e6;
+  --md3-on-surface-variant: #b5b5b5;
   --md3-primary: #A5B4FC;
   --md3-primary-dim: #7C6CF6;
   --md3-primary-container: #4C3FC5;
@@ -5176,8 +5206,8 @@
   --md3-on-secondary: #E8E5FF;
   --md3-on-secondary-container: #E8E5FF;
   --md3-tertiary: #10B981;
-  --md3-outline: #898da9;
-  --md3-outline-variant: #474a6b;
+  --md3-outline: #8e8e8e;
+  --md3-outline-variant: #4c4c4c;
   --md3-error: #ff5277;
   --md3-error-dim: #eb2855;
   --md3-error-container: #82042b;
@@ -5187,24 +5217,24 @@
   --md3-inverse-primary: #4C3FC5;
   --md3-inverse-on-surface: #000000;
   --md3-surface-tint: #A5B4FC;
-  --hsl-background: 240 24% 11%;
-  --hsl-foreground: 225 22% 91%;
-  --hsl-card: 238 20% 22%;
-  --hsl-card-foreground: 225 22% 91%;
-  --hsl-popover: 239 22% 25%;
-  --hsl-popover-foreground: 225 22% 91%;
+  --hsl-background: 0 0% 8.6275%;
+  --hsl-foreground: 0 0% 90.1961%;
+  --hsl-card: 0 0% 18.8235%;
+  --hsl-card-foreground: 0 0% 90.1961%;
+  --hsl-popover: 0 0% 20.7843%;
+  --hsl-popover-foreground: 0 0% 90.1961%;
   --hsl-primary: 246 54% 51%;
   --hsl-primary-foreground: 0 0% 100%;
-  --hsl-secondary: 239 22% 25%;
-  --hsl-secondary-foreground: 225 22% 91%;
-  --hsl-muted: 239 22% 25%;
-  --hsl-muted-foreground: 234 16% 74%;
-  --hsl-accent: 239 22% 25%;
-  --hsl-accent-foreground: 225 22% 91%;
+  --hsl-secondary: 0 0% 20.7843%;
+  --hsl-secondary-foreground: 0 0% 90.1961%;
+  --hsl-muted: 0 0% 20.7843%;
+  --hsl-muted-foreground: 0 0% 70.9804%;
+  --hsl-accent: 0 0% 20.7843%;
+  --hsl-accent-foreground: 0 0% 90.1961%;
   --hsl-destructive: 348 74% 48%;
   --hsl-destructive-foreground: 0 0% 100%;
-  --hsl-border: 236 20% 35%;
-  --hsl-input: 240 24% 15%;
+  --hsl-border: 0 0% 29.8039%;
+  --hsl-input: 0 0% 12.1569%;
   --hsl-ring: 233 100% 87%;
   --hsl-success: 160 84% 39%;
   --hsl-warning: 40 94% 56%;
@@ -5232,18 +5262,18 @@
   --warning: var(--hsl-warning);
   --error: var(--hsl-destructive);
   --info: var(--hsl-info);
-  --sidebar-background: 242 26% 8%;
-  --sidebar-foreground: 225 22% 91%;
+  --sidebar-background: 0 0% 6.2745%;
+  --sidebar-foreground: 0 0% 90.1961%;
   --sidebar-primary: 246 54% 51%;
   --sidebar-primary-foreground: 0 0% 100%;
-  --sidebar-accent: 239 22% 25%;
-  --sidebar-accent-foreground: 225 22% 91%;
-  --sidebar-border: 236 20% 35%;
+  --sidebar-accent: 0 0% 20.7843%;
+  --sidebar-accent-foreground: 0 0% 90.1961%;
+  --sidebar-border: 0 0% 29.8039%;
   --sidebar-ring: 233 100% 87%;
-  --depth-1: #151523;
-  --depth-2: #2d2e43;
-  --depth-3: #32324e;
-  --depth-4: #393957;
+  --depth-1: #161616;
+  --depth-2: #303030;
+  --depth-3: #353535;
+  --depth-4: #3b3b3b;
   --status-running: #10B981;
   --status-creating: #A5B4FC;
   --status-stopped: #FFB800;
@@ -5294,7 +5324,7 @@
   --accent-surface-soft: rgba(165, 180, 252, 0.07);
   --accent-surface-strong: rgba(76, 63, 197, 0.30);
   --accent-text: #A5B4FC;
-  --bg-root: #151523;
+  --bg-root: #161616;
   --bg-dark: var(--depth-1);
   --bg-card: var(--depth-2);
   --bg-elevated: var(--depth-4);
@@ -5302,10 +5332,10 @@
   --bg-input: hsl(var(--hsl-input));
   --bg-hover: rgba(165, 180, 252, 0.07);
   --bg-selection: rgba(124, 108, 246, 0.28);
-  --text-primary: #e3e6ed;
-  --text-secondary: #c2c7d4;
-  --text-muted: #b2b4c7;
-  --text-dim: #9ea5b9;
+  --text-primary: #e6e6e6;
+  --text-secondary: #c7c7c7;
+  --text-muted: #b5b5b5;
+  --text-dim: #a5a5a5;
   --brand-primary: #7C6CF6;
   --brand-strong: #2E2A5E;
   --brand-strong-text: #ffffff;
@@ -5316,9 +5346,9 @@
   --brand-purple: #C7D2FE;
   --brand-vibrant: #6366F1;
   --brand-emerald: #10B981;
-  --border-subtle: rgba(165, 180, 252, 0.10);
-  --border-default: rgba(165, 180, 252, 0.16);
-  --border-hover: rgba(165, 180, 252, 0.28);
+  --border-subtle: rgba(255, 255, 255, 0.10);
+  --border-default: rgba(255, 255, 255, 0.16);
+  --border-hover: rgba(255, 255, 255, 0.28);
   --border-accent: rgba(129, 140, 248, 0.35);
   --border-accent-hover: rgba(129, 140, 248, 0.50);
   --btn-primary-bg: #4C3FC5;
@@ -5404,17 +5434,17 @@
 [data-sandbox-theme="vault"],
 [data-theme="light"],
 .light {
-  --md3-surface: #e9e9f1;
-  --md3-surface-dim: #d9d9e6;
+  --md3-surface: #eaeaea;
+  --md3-surface-dim: #dadada;
   --md3-surface-bright: #ffffff;
   --md3-surface-container-lowest: #ffffff;
-  --md3-surface-container-low: #f7f7fa;
+  --md3-surface-container-low: #f7f7f7;
   --md3-surface-container: #ffffff;
-  --md3-surface-container-high: #f2f2f7;
+  --md3-surface-container-high: #f2f2f2;
   --md3-surface-container-highest: #ffffff;
-  --md3-surface-variant: #f2f2f7;
-  --md3-on-surface: #2b2c3e;
-  --md3-on-surface-variant: #494b5d;
+  --md3-surface-variant: #f2f2f2;
+  --md3-on-surface: #2d2d2d;
+  --md3-on-surface-variant: #4c4c4c;
   --md3-primary: #3E349E;
   --md3-primary-dim: #352B88;
   --md3-primary-container: #352B88;
@@ -5429,8 +5459,8 @@
   --md3-on-secondary-container: #524A78;
   --md3-tertiary: #065F46;
   --md3-tertiary-container: #D1FAE5;
-  --md3-outline: #737696;
-  --md3-outline-variant: #cecfde;
+  --md3-outline: #787878;
+  --md3-outline-variant: #d0d0d0;
   --md3-error: #ba1a1a;
   --md3-error-dim: #93000a;
   --md3-error-container: #ffdad6;
@@ -5440,31 +5470,31 @@
   --md3-inverse-primary: #A5AAFC;
   --md3-inverse-on-surface: #f0f1f4;
   --md3-surface-tint: #6366F1;
-  --hsl-background: 240 24% 93%;
-  --hsl-foreground: 235 18% 20.5%;
+  --hsl-background: 0 0% 91.7647%;
+  --hsl-foreground: 0 0% 17.6471%;
   --hsl-card: 0 0% 100%;
-  --hsl-card-foreground: 235 18% 20.5%;
+  --hsl-card-foreground: 0 0% 17.6471%;
   --hsl-popover: 0 0% 100%;
-  --hsl-popover-foreground: 235 18% 20.5%;
+  --hsl-popover-foreground: 0 0% 17.6471%;
   --hsl-primary: 246 54% 51%;
   --hsl-primary-foreground: 0 0% 100%;
-  --hsl-secondary: 240 26% 96%;
-  --hsl-secondary-foreground: 235 18% 20.5%;
-  --hsl-muted: 240 26% 96%;
-  --hsl-muted-foreground: 235 12% 32.5%;
-  --hsl-accent: 240 26% 96%;
-  --hsl-accent-foreground: 235 18% 20.5%;
+  --hsl-secondary: 0 0% 94.902%;
+  --hsl-secondary-foreground: 0 0% 17.6471%;
+  --hsl-muted: 0 0% 94.902%;
+  --hsl-muted-foreground: 0 0% 29.8039%;
+  --hsl-accent: 0 0% 94.902%;
+  --hsl-accent-foreground: 0 0% 17.6471%;
   --hsl-destructive: 0 72% 41%;
   --hsl-destructive-foreground: 0 0% 100%;
-  --hsl-border: 238 20% 84%;
-  --hsl-input: 240 30% 97%;
+  --hsl-border: 0 0% 81.5686%;
+  --hsl-input: 0 0% 96.0784%;
   --hsl-ring: 246 54% 51%;
   --hsl-success: 160 84% 30%;
   --hsl-warning: 41 96% 50%;
   --hsl-info: 212 80% 50%;
-  --depth-1: #e9e9f1;
+  --depth-1: #eaeaea;
   --depth-2: #ffffff;
-  --depth-3: #f2f2f7;
+  --depth-3: #f2f2f2;
   --depth-4: #ffffff;
   --status-running: #059669;
   --status-creating: #3E349E;
@@ -5507,17 +5537,17 @@
   --surface-neutral-border: var(--border-subtle);
   --surface-neutral-text: var(--text-muted);
   --sidebar-background: 0 0% 100%;
-  --sidebar-foreground: 235 18% 20.5%;
+  --sidebar-foreground: 0 0% 17.6471%;
   --sidebar-primary: 246 54% 51%;
   --sidebar-primary-foreground: 0 0% 100%;
-  --sidebar-accent: 240 26% 96%;
-  --sidebar-accent-foreground: 235 18% 20.5%;
-  --sidebar-border: 238 20% 84%;
+  --sidebar-accent: 0 0% 94.902%;
+  --sidebar-accent-foreground: 0 0% 17.6471%;
+  --sidebar-border: 0 0% 81.5686%;
   --sidebar-ring: 246 54% 51%;
   --mesh-teal: transparent;
   --mesh-violet: transparent;
   --mesh-blue: transparent;
-  --bg-root: #e9e9f1;
+  --bg-root: #eaeaea;
   --bg-dark: var(--depth-1);
   --bg-card: var(--depth-2);
   --bg-elevated: var(--depth-4);
@@ -5525,10 +5555,10 @@
   --bg-input: hsl(var(--hsl-input));
   --bg-hover: rgba(76, 63, 198, 0.06);
   --bg-selection: rgba(76, 63, 198, 0.16);
-  --text-primary: #2b2c3e;
-  --text-secondary: #3d3e52;
-  --text-muted: #494b5d;
-  --text-dim: #65677b;
+  --text-primary: #2d2d2d;
+  --text-secondary: #3f3f3f;
+  --text-muted: #4c4c4c;
+  --text-dim: #686868;
   --brand-primary: #6366F1;
   --brand-strong: #2E2A5E;
   --brand-strong-text: #ffffff;
@@ -5539,9 +5569,9 @@
   --brand-purple: #6366F1;
   --brand-vibrant: #6366F1;
   --brand-emerald: #059669;
-  --border-subtle: rgba(60, 52, 140, 0.10);
-  --border-default: rgba(60, 52, 140, 0.14);
-  --border-hover: rgba(60, 52, 140, 0.24);
+  --border-subtle: rgba(0, 0, 0, 0.10);
+  --border-default: rgba(0, 0, 0, 0.14);
+  --border-hover: rgba(0, 0, 0, 0.24);
   --border-accent: rgba(91, 78, 212, 0.18);
   --border-accent-hover: rgba(91, 78, 212, 0.35);
   --btn-primary-bg: #4C3FC5;
@@ -5844,48 +5874,48 @@
   --text-dim: #82a699;
 }
 [data-theme="tangle-dark"] {
-  --hsl-background: 240 24% 11%;
-  --hsl-foreground: 225 22% 91%;
-  --hsl-card: 238 20% 22%;
-  --hsl-card-foreground: 225 22% 91%;
-  --hsl-popover: 239 22% 25%;
-  --hsl-popover-foreground: 225 22% 91%;
+  --hsl-background: 0 0% 8.6275%;
+  --hsl-foreground: 0 0% 90.1961%;
+  --hsl-card: 0 0% 18.8235%;
+  --hsl-card-foreground: 0 0% 90.1961%;
+  --hsl-popover: 0 0% 20.7843%;
+  --hsl-popover-foreground: 0 0% 90.1961%;
   --hsl-primary: 246 54% 51%;
   --hsl-primary-foreground: 0 0% 100%;
-  --hsl-secondary: 239 22% 25%;
-  --hsl-secondary-foreground: 225 22% 91%;
-  --hsl-muted: 239 22% 25%;
-  --hsl-muted-foreground: 234 16% 74%;
-  --hsl-accent: 239 22% 25%;
-  --hsl-accent-foreground: 225 22% 91%;
+  --hsl-secondary: 0 0% 20.7843%;
+  --hsl-secondary-foreground: 0 0% 90.1961%;
+  --hsl-muted: 0 0% 20.7843%;
+  --hsl-muted-foreground: 0 0% 70.9804%;
+  --hsl-accent: 0 0% 20.7843%;
+  --hsl-accent-foreground: 0 0% 90.1961%;
   --hsl-destructive: 348 74% 48%;
   --hsl-destructive-foreground: 0 0% 100%;
-  --hsl-border: 236 20% 35%;
-  --hsl-input: 240 24% 15%;
+  --hsl-border: 0 0% 29.8039%;
+  --hsl-input: 0 0% 12.1569%;
   --hsl-ring: 233 100% 87%;
-  --depth-1: #151523;
-  --depth-2: #2d2e43;
-  --depth-3: #32324e;
-  --depth-4: #393957;
-  --bg-root: #151523;
+  --depth-1: #161616;
+  --depth-2: #303030;
+  --depth-3: #353535;
+  --depth-4: #3b3b3b;
+  --bg-root: #161616;
   --bg-card: var(--depth-2);
   --bg-input: hsl(var(--hsl-input));
-  --md3-surface-container-lowest: #0f0f1a;
-  --md3-surface-container-low: #222235;
-  --md3-surface-container: #2d2e43;
-  --md3-surface-container-high: #32324e;
-  --md3-surface-container-highest: #393957;
-  --md3-outline-variant: #474a6b;
-  --border-subtle: rgba(165, 180, 252, 0.10);
-  --border-default: rgba(165, 180, 252, 0.16);
-  --border-hover: rgba(165, 180, 252, 0.28);
+  --md3-surface-container-lowest: #101010;
+  --md3-surface-container-low: #242424;
+  --md3-surface-container: #303030;
+  --md3-surface-container-high: #353535;
+  --md3-surface-container-highest: #3b3b3b;
+  --md3-outline-variant: #4c4c4c;
+  --border-subtle: rgba(255, 255, 255, 0.10);
+  --border-default: rgba(255, 255, 255, 0.16);
+  --border-hover: rgba(255, 255, 255, 0.28);
   --accent-text: #A5B4FC;
   --brand-primary: #7C6CF6;
   --brand-glow: #A5AAFC;
-  --text-primary: #e3e6ed;
-  --text-secondary: #c2c7d4;
-  --text-muted: #b2b4c7;
-  --text-dim: #9ea5b9;
+  --text-primary: #e6e6e6;
+  --text-secondary: #c7c7c7;
+  --text-muted: #b5b5b5;
+  --text-dim: #a5a5a5;
 }
 [data-theme="tangle-light"] {
   --hsl-background: 240 33% 98%;