@floegence/floe-webapp-core 0.86.58 → 0.86.62

package/dist/styles/themes/classicSemanticTokens.js

@@ -1,158 +1,160 @@
 import { createProgressTokens as b } from "./progressTokens.js";
-import { LIGHT_WINDOW_TOKENS as l, DARK_WINDOW_TOKENS as g } from "./windowTokens.js";
-function f(c) {
-  const a = {}, n = (r, o = /* @__PURE__ */ new Set()) => {
-    const e = c[r];
-    if (!e || o.has(r)) return e;
-    const i = /^var\((--[\w-]+)\)$/u.exec(e)?.[1];
-    return i ? (o.add(r), n(i, o)) : e;
+import { LIGHT_WINDOW_TOKENS as g, DARK_WINDOW_TOKENS as l } from "./windowTokens.js";
+function t(c) {
+  const a = {}, n = (e, o = /* @__PURE__ */ new Set()) => {
+    const r = c[e];
+    if (!r || o.has(e)) return r;
+    const d = /^var\((--[\w-]+)\)$/u.exec(r)?.[1];
+    return d ? (o.add(e), n(d, o)) : r;
   };
-  for (const r of Object.keys(c))
-    a[r] = n(r);
+  for (const e of Object.keys(c))
+    a[e] = n(e);
   return Object.freeze(a);
 }
-const d = {
-  ...l,
+const i = {
+  ...g,
   "--floe-window-background": "var(--popover)",
   "--floe-window-titlebar-background": "var(--popover)",
-  "--background": "#f8f7f2",
-  "--foreground": "#303a34",
-  "--inline-code-foreground": "#1559B5",
-  "--inline-code-background": "#EEF0EF",
-  "--primary": "#465a43",
-  "--primary-foreground": "#f8faf5",
-  "--secondary": "#eeefe8",
-  "--secondary-foreground": "#545f56",
-  "--muted": "#e9ece3",
-  "--muted-foreground": "#5e695c",
-  "--accent": "#e0e7da",
-  "--accent-foreground": "#303a34",
-  "--border": "#d4d8cd",
-  "--input": "#858e80",
-  "--ring": "#56694f",
-  "--chrome-border": "#dedfd7",
+  "--background": "#f6f4ef",
+  "--foreground": "#1a1b19",
+  "--inline-code-foreground": "#1c6b57",
+  "--inline-code-background": "#eeebe4",
+  "--primary": "#1c1d1b",
+  "--primary-foreground": "#fbfaf7",
+  "--secondary": "#edeae3",
+  "--secondary-foreground": "#4a4b46",
+  "--muted": "#efede7",
+  "--muted-foreground": "#6b6a64",
+  /* One step below --muted, never two: the choice face also carries the
+   * auxiliary ink, so it has to stay above 4.5:1 against it. */
+  "--accent": "#eeebe4",
+  "--accent-foreground": "#1a1b19",
+  "--border": "#e4e1d9",
+  "--input": "#c9c6bd",
+  "--ring": "#2f7d63",
+  "--chrome-border": "#eeebe4",
   "--top-bar-border": "var(--chrome-border)",
   "--activity-bar-border": "var(--chrome-border)",
   "--bottom-bar-border": "var(--chrome-border)",
   "--terminal-panel-border": "var(--chrome-border)",
-  "--card": "#fcfbf7",
-  "--card-foreground": "#303a34",
-  "--popover": "#fffefa",
-  "--popover-foreground": "#303a34",
-  "--success": "#496744",
-  "--success-foreground": "#f8faf5",
-  "--warning": "#856828",
-  "--warning-foreground": "#fffefa",
-  "--error": "#b74744",
-  "--error-foreground": "#fffefa",
-  "--info": "#2671d9",
-  "--info-foreground": "#fffefa",
-  "--highlight-block-info-accent": "oklch(0.52 0.14 245)",
-  "--highlight-block-warning-accent": "oklch(0.62 0.16 65)",
-  "--highlight-block-success-accent": "oklch(0.55 0.14 155)",
-  "--highlight-block-error-accent": "oklch(0.55 0.16 25)",
-  "--highlight-block-note-accent": "oklch(0.52 0.16 285)",
-  "--highlight-block-tip-accent": "oklch(0.52 0.12 175)",
-  "--sidebar": "#efeee7",
-  "--sidebar-foreground": "#303a34",
-  "--sidebar-primary": "#465a43",
-  "--sidebar-primary-foreground": "#f8faf5",
-  "--sidebar-accent": "#e0e7da",
-  "--sidebar-accent-foreground": "#303a34",
-  "--sidebar-border": "#dedfd7",
-  "--sidebar-ring": "#56694f",
-  "--activity-bar": "#eeede6",
-  "--activity-bar-foreground": "#5e695c",
-  "--activity-bar-foreground-active": "#303a34",
-  "--activity-bar-badge": "#465a43",
-  "--activity-bar-badge-foreground": "#f8faf5",
-  "--terminal-background": "hsl(214 26% 17%)",
-  "--terminal-foreground": "hsl(0 0% 92%)",
-  "--chart-1": "hsl(214 26% 17%)",
-  "--chart-2": "hsl(215 16% 42%)",
-  "--chart-3": "hsl(217 91% 60%)",
-  "--chart-4": "oklch(0.68 0.16 150)",
-  "--chart-5": "hsl(38 92% 50%)",
-  "--selection-bg": "hsl(217 91% 60%)",
-  "--selection-fg": "hsl(0 0% 100%)",
-  "--selection-on-primary-bg": "hsl(38 92% 50%)",
-  "--selection-on-primary-fg": "hsl(214 26% 17%)",
-  "--selection-code-bg": "hsl(212 100% 67%)",
-  "--selection-code-fg": "hsl(220 20% 8%)",
-  "--glow": "#465a43"
-}, t = {
-  ...g,
+  "--card": "#fefdfb",
+  "--card-foreground": "#1a1b19",
+  "--popover": "#fffefc",
+  "--popover-foreground": "#1a1b19",
+  "--success": "#227a50",
+  "--success-foreground": "#ffffff",
+  "--warning": "#8f5c0d",
+  "--warning-foreground": "#ffffff",
+  "--error": "#b8352c",
+  "--error-foreground": "#ffffff",
+  "--info": "#2a5f9e",
+  "--info-foreground": "#ffffff",
+  "--highlight-block-info-accent": "oklch(0.52 0.13 250)",
+  "--highlight-block-warning-accent": "oklch(0.64 0.13 72)",
+  "--highlight-block-success-accent": "oklch(0.55 0.12 160)",
+  "--highlight-block-error-accent": "oklch(0.55 0.17 27)",
+  "--highlight-block-note-accent": "oklch(0.53 0.15 292)",
+  "--highlight-block-tip-accent": "oklch(0.56 0.09 195)",
+  "--sidebar": "#f1efe9",
+  "--sidebar-foreground": "#1a1b19",
+  "--sidebar-primary": "#1c1d1b",
+  "--sidebar-primary-foreground": "#fbfaf7",
+  "--sidebar-accent": "#eeebe4",
+  "--sidebar-accent-foreground": "#1a1b19",
+  "--sidebar-border": "#e8e5dd",
+  "--sidebar-ring": "#2f7d63",
+  "--activity-bar": "#edeae3",
+  "--activity-bar-foreground": "#5f5f58",
+  "--activity-bar-foreground-active": "#1a1b19",
+  "--activity-bar-badge": "#1c1d1b",
+  "--activity-bar-badge-foreground": "#fbfaf7",
+  "--terminal-background": "#16171a",
+  "--terminal-foreground": "#e9e7e2",
+  "--chart-1": "#2f7d63",
+  "--chart-2": "#5f5f58",
+  "--chart-3": "#8f5c0d",
+  "--chart-4": "#b8352c",
+  "--chart-5": "#2a5f9e",
+  "--selection-bg": "#cde7db",
+  "--selection-fg": "#10211b",
+  "--selection-on-primary-bg": "#6fd0a8",
+  "--selection-on-primary-fg": "#082016",
+  "--selection-code-bg": "#bcded0",
+  "--selection-code-fg": "#0c1f18",
+  "--glow": "#2f7d63"
+}, f = {
+  ...l,
   "--floe-window-background": "var(--popover)",
   "--floe-window-titlebar-background": "var(--popover)",
-  "--background": "#202223",
-  "--foreground": "#e5e6e2",
-  "--inline-code-foreground": "#6CDCEB",
-  "--inline-code-background": "#263032",
-  "--primary": "#bccbb8",
-  "--primary-foreground": "#20291f",
-  "--secondary": "#303435",
-  "--secondary-foreground": "#b8bdb8",
-  "--muted": "#343738",
-  "--muted-foreground": "#9da4a0",
-  "--accent": "#353a38",
-  "--accent-foreground": "#e5e6e2",
-  "--border": "#3e4142",
-  "--input": "#6d7571",
-  "--ring": "#acbdb3",
-  "--chrome-border": "#292c2b",
+  "--background": "#0d0e0d",
+  "--foreground": "#e9e8e3",
+  "--inline-code-foreground": "#5fd6a8",
+  "--inline-code-background": "#17201c",
+  "--primary": "#e9e8e3",
+  "--primary-foreground": "#101110",
+  "--secondary": "#1e1f1e",
+  "--secondary-foreground": "#c3c4be",
+  "--muted": "#1b1c1b",
+  "--muted-foreground": "#93948d",
+  "--accent": "#242524",
+  "--accent-foreground": "#e9e8e3",
+  "--border": "#262726",
+  "--input": "#3b3c3a",
+  "--ring": "#62b898",
+  "--chrome-border": "#1a1b1a",
   "--top-bar-border": "var(--chrome-border)",
   "--activity-bar-border": "var(--chrome-border)",
   "--bottom-bar-border": "var(--chrome-border)",
   "--terminal-panel-border": "var(--chrome-border)",
-  "--card": "#282b2c",
-  "--card-foreground": "#e5e6e2",
-  "--popover": "#2b2e2f",
-  "--popover-foreground": "#e5e6e2",
-  "--success": "#a1b69e",
-  "--success-foreground": "#20291f",
-  "--warning": "#c8af84",
-  "--warning-foreground": "#20291f",
-  "--error": "oklch(0.7 0.22 25)",
-  "--error-foreground": "#202223",
-  "--info": "oklch(0.7 0.15 250)",
-  "--info-foreground": "#202223",
-  "--highlight-block-info-accent": "oklch(0.62 0.12 240)",
-  "--highlight-block-warning-accent": "oklch(0.7 0.14 65)",
-  "--highlight-block-success-accent": "oklch(0.62 0.12 155)",
-  "--highlight-block-error-accent": "oklch(0.6 0.14 25)",
-  "--highlight-block-note-accent": "oklch(0.62 0.14 285)",
-  "--highlight-block-tip-accent": "oklch(0.6 0.1 175)",
-  "--sidebar": "#1b1d1e",
-  "--sidebar-foreground": "#e5e6e2",
-  "--sidebar-primary": "#bccbb8",
-  "--sidebar-primary-foreground": "#20291f",
-  "--sidebar-accent": "#353a38",
-  "--sidebar-accent-foreground": "#e5e6e2",
-  "--sidebar-border": "#292c2b",
-  "--sidebar-ring": "#acbdb3",
-  "--activity-bar": "#17191a",
-  "--activity-bar-foreground": "#9da4a0",
-  "--activity-bar-foreground-active": "#e5e6e2",
-  "--activity-bar-badge": "#bccbb8",
-  "--activity-bar-badge-foreground": "#20291f",
-  "--terminal-background": "hsl(222 32% 7%)",
-  "--terminal-foreground": "hsl(210 15% 92%)",
-  "--chart-1": "hsl(210 20% 98%)",
-  "--chart-2": "hsl(215 20% 60%)",
-  "--chart-3": "oklch(0.7 0.15 250)",
-  "--chart-4": "oklch(0.72 0.19 150)",
-  "--chart-5": "oklch(0.82 0.16 80)",
-  "--selection-bg": "hsl(215 70% 50%)",
-  "--selection-fg": "hsl(0 0% 100%)",
-  "--selection-on-primary-bg": "hsl(215 80% 35%)",
-  "--selection-on-primary-fg": "hsl(0 0% 100%)",
-  "--selection-code-bg": "hsl(212 100% 67%)",
-  "--selection-code-fg": "hsl(220 20% 8%)",
-  "--glow": "hsl(217 65% 52%)"
-}, h = { ...d, ...b("light", d) }, s = { ...t, ...b("dark", t) }, p = f(h), v = f(s);
+  "--card": "#161716",
+  "--card-foreground": "#e9e8e3",
+  "--popover": "#1a1b1a",
+  "--popover-foreground": "#e9e8e3",
+  "--success": "#62bf93",
+  "--success-foreground": "#07200f",
+  "--warning": "#d9ac5f",
+  "--warning-foreground": "#1d1607",
+  "--error": "#e8756b",
+  "--error-foreground": "#210907",
+  "--info": "#79a9e6",
+  "--info-foreground": "#061322",
+  "--highlight-block-info-accent": "oklch(0.7 0.12 248)",
+  "--highlight-block-warning-accent": "oklch(0.78 0.12 76)",
+  "--highlight-block-success-accent": "oklch(0.74 0.12 160)",
+  "--highlight-block-error-accent": "oklch(0.68 0.17 25)",
+  "--highlight-block-note-accent": "oklch(0.7 0.14 292)",
+  "--highlight-block-tip-accent": "oklch(0.7 0.09 192)",
+  "--sidebar": "#111211",
+  "--sidebar-foreground": "#e9e8e3",
+  "--sidebar-primary": "#e9e8e3",
+  "--sidebar-primary-foreground": "#101110",
+  "--sidebar-accent": "#242524",
+  "--sidebar-accent-foreground": "#e9e8e3",
+  "--sidebar-border": "#202120",
+  "--sidebar-ring": "#62b898",
+  "--activity-bar": "#0a0b0a",
+  "--activity-bar-foreground": "#8c8d86",
+  "--activity-bar-foreground-active": "#e9e8e3",
+  "--activity-bar-badge": "#62b898",
+  "--activity-bar-badge-foreground": "#07200f",
+  "--terminal-background": "#080908",
+  "--terminal-foreground": "#e2e1dc",
+  "--chart-1": "#62b898",
+  "--chart-2": "#93948d",
+  "--chart-3": "#d9ac5f",
+  "--chart-4": "#e8756b",
+  "--chart-5": "#79a9e6",
+  "--selection-bg": "#1f4a3a",
+  "--selection-fg": "#eafaf2",
+  "--selection-on-primary-bg": "#62b898",
+  "--selection-on-primary-fg": "#07200f",
+  "--selection-code-bg": "#2c6350",
+  "--selection-code-fg": "#eafaf2",
+  "--glow": "#62b898"
+}, h = { ...i, ...b("light", i) }, s = { ...f, ...b("dark", f) }, v = t(h), k = t(s);
 export {
   s as CLASSIC_DARK_CSS_TOKENS,
-  v as CLASSIC_DARK_SEMANTIC_TOKENS,
+  k as CLASSIC_DARK_SEMANTIC_TOKENS,
   h as CLASSIC_LIGHT_CSS_TOKENS,
-  p as CLASSIC_LIGHT_SEMANTIC_TOKENS
+  v as CLASSIC_LIGHT_SEMANTIC_TOKENS
 };

package/dist/styles/themes/index.d.ts

@@ -1,5 +1,7 @@
 export type ThemeType = 'light' | 'dark' | 'system';
-export type FloeSurfaceStyle = 'standard' | 'soft-neumorphic';
+/** One refined surface material. The former `standard` variant was removed:
+ * components no longer choose between an embossed and a flat material. */
+export type FloeSurfaceStyle = 'soft-neumorphic';
 export declare function isFloeSurfaceStyle(value: unknown): value is FloeSurfaceStyle;
 export declare function applySurfaceStyleAttribute(style: FloeSurfaceStyle | undefined, target?: ThemeTarget): void;
 export type FloeThemePresetMode = 'light' | 'dark' | 'both';

package/dist/styles/themes/index.js

@@ -1,11 +1,11 @@
 function m(e) {
-  return e === "standard" || e === "soft-neumorphic";
+  return e === "soft-neumorphic";
 }
-function d(e, r) {
+function h(e, r) {
   const t = i(r);
   e ? t?.setAttribute?.("data-floe-surface-style", e) : t?.removeAttribute?.("data-floe-surface-style");
 }
-const h = [
+const d = [
   { name: "light", displayName: "Light", type: "light" },
   { name: "dark", displayName: "Dark", type: "dark" }
 ];
@@ -47,21 +47,21 @@ function g(e, r) {
 function k(e, r = [], t) {
   const o = i(t);
   if (!o) return [];
-  const a = Object.entries(e ?? {}).filter((n) => {
+  const l = Object.entries(e ?? {}).filter((n) => {
     const [, s] = n;
     return typeof s == "string" && s.length > 0;
-  }), l = new Set(a.map(([n]) => n));
+  }), a = new Set(l.map(([n]) => n));
   for (const n of r)
-    l.has(n) || o.style.removeProperty(n);
-  for (const [n, s] of a)
+    a.has(n) || o.style.removeProperty(n);
+  for (const [n, s] of l)
     o.style.setProperty(n, s);
-  return [...l];
+  return [...a];
 }
 export {
   g as applyShellThemeAttribute,
-  d as applySurfaceStyleAttribute,
+  h as applySurfaceStyleAttribute,
   T as applyTheme,
-  h as builtInThemes,
+  d as builtInThemes,
   u as getSystemTheme,
   m as isFloeSurfaceStyle,
   y as isThemeType,

package/dist/styles/themes/presets.d.ts

@@ -108,8 +108,8 @@ export declare const builtInShellThemePresets: readonly [FloeThemePreset, FloeTh
     monaco?: Partial<Record<"light" | "dark", import("./index").FloeMonacoThemeDefinition>>;
 }, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset];
 export declare const BUILT_IN_SHELL_THEME_DEFAULTS: {
-    readonly light: "porcelain-light";
-    readonly dark: "porcelain-dark";
+    readonly light: "classic-light";
+    readonly dark: "classic-dark";
 };
 export declare function presetSupportsMode(preset: FloeThemePreset, mode: FloeShellThemeMode): boolean;
 export declare function getShellThemePresetsForMode(presets: readonly FloeThemePreset[], mode: FloeShellThemeMode): readonly FloeThemePreset[];

package/dist/styles/themes/presets.js

@@ -1,5 +1,5 @@
-import { createProgressTokens as b } from "./progressTokens.js";
-import { DARK_WINDOW_TOKENS as E, LIGHT_WINDOW_TOKENS as k } from "./windowTokens.js";
+import { createProgressTokens as B } from "./progressTokens.js";
+import { DARK_WINDOW_TOKENS as k, LIGHT_WINDOW_TOKENS as E } from "./windowTokens.js";
 import { CLASSIC_LIGHT_SEMANTIC_TOKENS as t, CLASSIC_DARK_SEMANTIC_TOKENS as F } from "./classicSemanticTokens.js";
 const T = [
   "--floe-window-background",
@@ -112,7 +112,7 @@ function o(r) {
     function: s,
     constant: i
   }, g = {
-    ...r.mode === "dark" ? E : k,
+    ...r.mode === "dark" ? k : E,
     ...r.windowTokens,
     "--background": r.background,
     "--foreground": r.foreground,
@@ -182,9 +182,9 @@ function o(r) {
     // selectionBackground so we don't inherit a near-white primary as glow source.
     "--glow": r.glow ?? (r.mode === "light" ? r.primary : r.selectionBackground)
   };
-  Object.assign(g, b(r.mode, g));
-  for (const [l, B] of Object.entries(r.fileIconColors ?? {}))
-    g[`--floe-file-icon-${l}`] = B;
+  Object.assign(g, B(r.mode, g));
+  for (const [l, b] of Object.entries(r.fileIconColors ?? {}))
+    g[`--floe-file-icon-${l}`] = b;
   return {
     name: r.name,
     displayName: r.displayName,
@@ -265,7 +265,7 @@ const C = {
   ...o({
     name: "classic-light",
     displayName: "Classic Light",
-    description: "Warm paper and quiet sage accents.",
+    description: "Quiet paper canvas, ink controls and a single mint accent.",
     mode: "light",
     background: t["--background"],
     foreground: t["--foreground"],
@@ -277,19 +277,19 @@ const C = {
     border: t["--border"],
     input: t["--input"],
     sidebar: t["--sidebar"],
-    terminalBackground: "#202A37",
-    terminalForeground: "#EBEBEB",
-    selectionBackground: "#2671D9",
-    selectionForeground: "#FFFFFF",
-    chart: ["#202A37", "#5A687C", "#2671D9", "#287A4B", "#835800"],
+    terminalBackground: "#17181a",
+    terminalForeground: "#ecece8",
+    selectionBackground: "#cfe0ff",
+    selectionForeground: "#101723",
+    chart: ["#191a1b", "#6c6d68", "#2563eb", "#1f9d55", "#c98a12"],
     syntax: {
-      comment: "#5A687C",
-      keyword: "#005FB8",
-      string: "#26736F",
-      number: "#8A5A00",
-      type: "#245B9B",
-      function: "#6847A0",
-      constant: "#9C225E"
+      comment: "#6c6d68",
+      keyword: "#0b6bcb",
+      string: "#1f9d55",
+      number: "#b7791f",
+      type: "#2563eb",
+      function: "#7c4dbe",
+      constant: "#c4342b"
     }
   }),
   inheritsBaseTokens: !0,
@@ -299,7 +299,7 @@ const C = {
   ...o({
     name: "classic-dark",
     displayName: "Classic Dark",
-    description: "Soft graphite and quiet sage accents.",
+    description: "Near-black canvas, hairline layers and a single mint accent.",
     mode: "dark",
     background: F["--background"],
     foreground: F["--foreground"],
@@ -311,19 +311,19 @@ const C = {
     border: F["--border"],
     input: F["--input"],
     sidebar: F["--sidebar"],
-    terminalBackground: "#0C1018",
-    terminalForeground: "#E8EBEE",
-    selectionBackground: "#2671D9",
-    selectionForeground: "#FFFFFF",
-    chart: ["#F9FAFB", "#8596AD", "#79B8FF", "#72D39C", "#F0C36A"],
+    terminalBackground: "#08080a",
+    terminalForeground: "#e4e4e6",
+    selectionBackground: "#2f5fa8",
+    selectionForeground: "#f7fbff",
+    chart: ["#f2f2f3", "#8b8b90", "#6aa8ff", "#4ade80", "#e0b155"],
     syntax: {
-      comment: "#8596AD",
-      keyword: "#C19BE8",
-      string: "#91C980",
-      number: "#F0C36A",
-      type: "#79B8FF",
-      function: "#72D39C",
-      constant: "#FF8A82"
+      comment: "#8b8b90",
+      keyword: "#c4b5fd",
+      string: "#4ade80",
+      number: "#e0b155",
+      type: "#6aa8ff",
+      function: "#5eead4",
+      constant: "#f2555a"
     }
   }),
   inheritsBaseTokens: !0,
@@ -1082,8 +1082,8 @@ const C = {
     }
   })
 ], x = {
-  light: "porcelain-light",
-  dark: "porcelain-dark"
+  light: "classic-light",
+  dark: "classic-dark"
 };
 function h(r, e) {
   const n = r.mode ?? "both";