@almadar/ui 6.58.0 → 6.61.0

package/themes/terminal.css

@@ -5,59 +5,59 @@
  */
 
 [data-theme="terminal-light"] {
-    --color-primary: #067a3c;
-    --color-primary-hover: #05642f;
+    --color-primary: #1e66f5;
+    --color-primary-hover: #1650c4;
     --color-primary-foreground: #ffffff;
-    --color-secondary: #000000;
-    --color-secondary-hover: #1a1a1a;
-    --color-secondary-foreground: #ffffff;
-    --color-accent: #ffb300;
-    --color-accent-foreground: #000000;
-    --color-muted: #f2f2f2;
-    --color-muted-foreground: #555555;
-    --color-background: #ffffff;
-    --color-foreground: #000000;
+    --color-secondary: #4c4f69;
+    --color-secondary-hover: #3c3f54;
+    --color-secondary-foreground: #eff1f5;
+    --color-accent: #8839ef;
+    --color-accent-foreground: #ffffff;
+    --color-muted: #e6e9ef;
+    --color-muted-foreground: #5c5f77;
+    --color-background: #eff1f5;
+    --color-foreground: #4c4f69;
     --color-card: #ffffff;
-    --color-card-foreground: #000000;
-    --color-surface: #f2f2f2;
-    --color-border: #000000;
-    --color-input: #000000;
-    --color-ring: #067a3c;
-    --color-table-header: #000000;
-    --color-table-border: #000000;
-    --color-table-row-hover: #f2f2f2;
-    --color-surface-hover: #e8e8e8;
-    --color-border-hover: #000000;
-    --color-placeholder: #777777;
-    --color-error: #e6002e;
+    --color-card-foreground: #4c4f69;
+    --color-surface: #e6e9ef;
+    --color-border: #ccd0da;
+    --color-input: #bcc0cc;
+    --color-ring: #1e66f5;
+    --color-table-header: #4c4f69;
+    --color-table-border: #ccd0da;
+    --color-table-row-hover: #e6e9ef;
+    --color-surface-hover: #dce0e8;
+    --color-border-hover: #acb0be;
+    --color-placeholder: #8c8fa1;
+    --color-error: #d20f39;
     --color-error-foreground: #ffffff;
-    --color-success: #00cc52;
-    --color-success-foreground: #000000;
-    --color-warning: #ffb300;
-    --color-warning-foreground: #000000;
-    --color-info: #00aaff;
-    --color-info-foreground: #000000;
-    --color-scrim: rgba(0, 0, 0, 0.6);
-    --color-series-1: #33e0ff;
-    --color-series-2: #ff6ec7;
-    --color-series-3: #ffd75f;
-    --color-series-4: #aaff00;
-    --color-series-5: #c792ea;
-    --color-series-6: #ff8c1a;
-    --color-series-7: #66aaff;
-    --color-series-8: #8affc1;
-    --color-diagram-ink: #00ff66;
-    --color-diagram-label: #aaffaa;
-    --color-diagram-guide: #2f9a55;
-    --color-diagram-axis: #00cc52;
-    --color-diagram-grid: #0b3d1e;
-    --color-diagram-highlight: #fffeae;
-    --color-diagram-fill: #003d1a;
+    --color-success: #2d7a1f;
+    --color-success-foreground: #ffffff;
+    --color-warning: #df8e1d;
+    --color-warning-foreground: #1e1e2e;
+    --color-info: #0369a1;
+    --color-info-foreground: #ffffff;
+    --color-scrim: rgba(17, 17, 27, 0.5);
+    --color-series-1: #dc8a78;
+    --color-series-2: #8839ef;
+    --color-series-3: #7c7f93;
+    --color-series-4: #fe640b;
+    --color-series-5: #179299;
+    --color-series-6: #ea76cb;
+    --color-series-7: #7287fd;
+    --color-series-8: #06d6a0;
+    --color-diagram-ink: #1e66f5;
+    --color-diagram-label: #bac2de;
+    --color-diagram-guide: #9ca0b0;
+    --color-diagram-axis: #6c6f85;
+    --color-diagram-grid: #dce0e8;
+    --color-diagram-highlight: #04a5e5;
+    --color-diagram-fill: #dce6fd;
     --radius-none: 0px;
-    --radius-sm: 0px;
-    --radius-md: 0px;
-    --radius-lg: 0px;
-    --radius-xl: 0px;
+    --radius-sm: 4px;
+    --radius-md: 6px;
+    --radius-lg: 8px;
+    --radius-xl: 10px;
     --radius-full: 9999px;
     --border-width: 1px;
     --border-width-thin: 1px;
@@ -115,12 +115,12 @@
     --card-padding-lg: 12px;
     --dialog-padding: 12px;
     --section-gap: 16px;
-    --font-family-display: "VT323", "Courier New", monospace;
-    --font-family-body: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
-    --font-family-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
-    --heading-weight: 400;
-    --heading-transform: uppercase;
-    --heading-tracking: 0.06em;
+    --font-family-display: "JetBrains Mono", "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+    --font-family-body: "JetBrains Mono", "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+    --font-family-mono: "JetBrains Mono", "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+    --heading-weight: 600;
+    --heading-transform: none;
+    --heading-tracking: -0.01em;
     --heading-style: normal;
     --heading-shadow: none;
     --text-xs: 11px;
@@ -184,14 +184,14 @@
     --icon-stroke-width: 0;
     --icon-default-size: 14px;
     --elevation-card: none;
-    --elevation-popover: none;
-    --elevation-dialog: none;
-    --elevation-toast: none;
+    --elevation-popover: 0 8px 24px rgba(0,0,0,0.18);
+    --elevation-dialog: 0 16px 48px rgba(0,0,0,0.28);
+    --elevation-toast: 0 8px 24px rgba(0,0,0,0.18);
     --elevation-interactive: none;
     --elevation-pressed: none;
-    --radius-container: 0px;
-    --radius-interactive: 0px;
-    --radius-pill: 0px;
+    --radius-container: 8px;
+    --radius-interactive: 6px;
+    --radius-pill: 9999px;
     --border-hairline: 1px;
     --border-standard: var(--border-width);
     --border-heavy: var(--border-width-thick);
@@ -199,9 +199,14 @@
     --corner-shape-pill: round;
     --border-style: solid;
     --border-style-interactive: solid;
-    --surface-page-image: repeating-linear-gradient(0deg, rgba(0,0,0,0.05) 0px, rgba(0,0,0,0.05) 1px, transparent 1px, transparent 3px);
+    --surface-page-image: none;
     --surface-page-image-size: auto;
     --surface-diagram: #020a04;
+    --surface-edge-mask: none;
+    --surface-edge-height: 0px;
+    --surface-texture-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40'><path d='M0 .5H40M.5 0V40' stroke='black' stroke-width='1' fill='none'/></svg>");
+    --surface-texture-size: 40px 40px;
+    --surface-accent-image: none;
     --diagram-stroke-thin: 1px;
     --diagram-stroke-normal: 1px;
     --diagram-stroke-bold: 2px;
@@ -231,59 +236,59 @@
 }
 
 [data-theme="terminal-dark"] {
-    --color-primary: #00ff66;
-    --color-primary-hover: #33ff85;
-    --color-primary-foreground: #000000;
-    --color-secondary: #1a1a1a;
-    --color-secondary-hover: #262626;
-    --color-secondary-foreground: #00ff66;
-    --color-accent: #ffb300;
-    --color-accent-foreground: #000000;
-    --color-muted: #0d0d0d;
-    --color-muted-foreground: #888888;
-    --color-background: #000000;
-    --color-foreground: #aaffaa;
-    --color-card: #050505;
-    --color-card-foreground: #00ff66;
-    --color-surface: #0d0d0d;
-    --color-border: #00ff66;
-    --color-input: #00ff66;
-    --color-ring: #00ff66;
-    --color-table-header: #00ff66;
-    --color-table-border: #00ff66;
-    --color-table-row-hover: #0d0d0d;
-    --color-surface-hover: #1a1a1a;
-    --color-border-hover: #33ff85;
-    --color-placeholder: #557755;
-    --color-error: #ff3355;
-    --color-error-foreground: #000000;
-    --color-success: #00cc52;
-    --color-success-foreground: #000000;
-    --color-warning: #ffb300;
-    --color-warning-foreground: #000000;
-    --color-info: #00ccff;
-    --color-info-foreground: #000000;
-    --color-scrim: rgba(0, 0, 0, 0.7);
-    --color-series-1: #33e0ff;
-    --color-series-2: #ff6ec7;
-    --color-series-3: #ffd75f;
-    --color-series-4: #aaff00;
-    --color-series-5: #c792ea;
-    --color-series-6: #ff8c1a;
-    --color-series-7: #66aaff;
-    --color-series-8: #8affc1;
-    --color-diagram-ink: #00ff66;
-    --color-diagram-label: #aaffaa;
-    --color-diagram-guide: #2f9a55;
-    --color-diagram-axis: #00cc52;
-    --color-diagram-grid: #0b3d1e;
-    --color-diagram-highlight: #fffeae;
-    --color-diagram-fill: #003d1a;
+    --color-primary: #7aa2f7;
+    --color-primary-hover: #94b4f9;
+    --color-primary-foreground: #16161e;
+    --color-secondary: #292e42;
+    --color-secondary-hover: #343a52;
+    --color-secondary-foreground: #c0caf5;
+    --color-accent: #bb9af7;
+    --color-accent-foreground: #16161e;
+    --color-muted: #24283b;
+    --color-muted-foreground: #a9b1d6;
+    --color-background: #1a1b26;
+    --color-foreground: #c0caf5;
+    --color-card: #1f2335;
+    --color-card-foreground: #c0caf5;
+    --color-surface: #24283b;
+    --color-border: #2f354f;
+    --color-input: #3b4261;
+    --color-ring: #7aa2f7;
+    --color-table-header: #c0caf5;
+    --color-table-border: #2f354f;
+    --color-table-row-hover: #292e42;
+    --color-surface-hover: #292e42;
+    --color-border-hover: #414868;
+    --color-placeholder: #737aa2;
+    --color-error: #f7768e;
+    --color-error-foreground: #16161e;
+    --color-success: #9ece6a;
+    --color-success-foreground: #16161e;
+    --color-warning: #e0af68;
+    --color-warning-foreground: #16161e;
+    --color-info: #7dcfff;
+    --color-info-foreground: #16161e;
+    --color-scrim: rgba(8, 8, 14, 0.65);
+    --color-series-1: #7dcfff;
+    --color-series-2: #bb9af7;
+    --color-series-3: #db4b4b;
+    --color-series-4: #ff9e64;
+    --color-series-5: #2ac3de;
+    --color-series-6: #06d6a0;
+    --color-series-7: #ff007c;
+    --color-series-8: #73daca;
+    --color-diagram-ink: #7aa2f7;
+    --color-diagram-label: #c0caf5;
+    --color-diagram-guide: #565f89;
+    --color-diagram-axis: #a9b1d6;
+    --color-diagram-grid: #292e42;
+    --color-diagram-highlight: #b4f9f8;
+    --color-diagram-fill: #283457;
     --radius-none: 0px;
-    --radius-sm: 0px;
-    --radius-md: 0px;
-    --radius-lg: 0px;
-    --radius-xl: 0px;
+    --radius-sm: 4px;
+    --radius-md: 6px;
+    --radius-lg: 8px;
+    --radius-xl: 10px;
     --radius-full: 9999px;
     --border-width: 1px;
     --border-width-thin: 1px;
@@ -341,14 +346,14 @@
     --card-padding-lg: 12px;
     --dialog-padding: 12px;
     --section-gap: 16px;
-    --font-family-display: "VT323", "Courier New", monospace;
-    --font-family-body: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
-    --font-family-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
-    --heading-weight: 400;
-    --heading-transform: uppercase;
-    --heading-tracking: 0.06em;
+    --font-family-display: "JetBrains Mono", "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+    --font-family-body: "JetBrains Mono", "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+    --font-family-mono: "JetBrains Mono", "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+    --heading-weight: 600;
+    --heading-transform: none;
+    --heading-tracking: -0.01em;
     --heading-style: normal;
-    --heading-shadow: 0 0 4px rgba(0,255,102,0.45);
+    --heading-shadow: none;
     --text-xs: 11px;
     --leading-xs: 14px;
     --text-sm: 12px;
@@ -410,14 +415,14 @@
     --icon-stroke-width: 0;
     --icon-default-size: 14px;
     --elevation-card: none;
-    --elevation-popover: none;
-    --elevation-dialog: none;
-    --elevation-toast: none;
+    --elevation-popover: 0 8px 24px rgba(0,0,0,0.18);
+    --elevation-dialog: 0 16px 48px rgba(0,0,0,0.28);
+    --elevation-toast: 0 8px 24px rgba(0,0,0,0.18);
     --elevation-interactive: none;
     --elevation-pressed: none;
-    --radius-container: 0px;
-    --radius-interactive: 0px;
-    --radius-pill: 0px;
+    --radius-container: 8px;
+    --radius-interactive: 6px;
+    --radius-pill: 9999px;
     --border-hairline: 1px;
     --border-standard: var(--border-width);
     --border-heavy: var(--border-width-thick);
@@ -425,8 +430,13 @@
     --corner-shape-pill: round;
     --border-style: solid;
     --border-style-interactive: solid;
-    --surface-page-image: repeating-linear-gradient(0deg, rgba(0,255,102,0.07) 0px, rgba(0,255,102,0.07) 1px, transparent 1px, transparent 3px);
+    --surface-page-image: none;
     --surface-page-image-size: auto;
+    --surface-edge-mask: none;
+    --surface-edge-height: 0px;
+    --surface-texture-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40'><path d='M0 .5H40M.5 0V40' stroke='black' stroke-width='1' fill='none'/></svg>");
+    --surface-texture-size: 40px 40px;
+    --surface-accent-image: none;
     --diagram-stroke-thin: 1px;
     --diagram-stroke-normal: 1px;
     --diagram-stroke-bold: 2px;

package/dist/Typography-LZTP72Y4.js

@@ -1,5 +0,0 @@
-export { Typography } from './chunk-4ZGXIW3B.js';
-import './chunk-64WACXM7.js';
-import './chunk-723MJUU3.js';
-import './chunk-LZRW6GXG.js';
-import './chunk-QPXIAUJD.js';