@floegence/floe-webapp-core 0.52.13 → 0.53.1

package/dist/styles/themes/presets.js

@@ -1,5 +1,5 @@
-import { DARK_WINDOW_TOKENS as s, LIGHT_WINDOW_TOKENS as m } from "./windowTokens.js";
-import { CLASSIC_LIGHT_SEMANTIC_TOKENS as l, CLASSIC_DARK_SEMANTIC_TOKENS as b } from "./classicSemanticTokens.js";
+import { DARK_WINDOW_TOKENS as l, LIGHT_WINDOW_TOKENS as p } from "./windowTokens.js";
+import { CLASSIC_LIGHT_SEMANTIC_TOKENS as d, CLASSIC_DARK_SEMANTIC_TOKENS as F } from "./classicSemanticTokens.js";
 const w = [
   "--floe-window-background",
   "--floe-window-foreground",
@@ -70,7 +70,7 @@ const w = [
   "--selection-code-bg",
   "--selection-code-fg",
   "--glow"
-], p = {
+], b = {
   success: "#287A4B",
   successForeground: "#FFFFFF",
   warning: "#835800",
@@ -94,19 +94,19 @@ const w = [
   tip: "#71C8C0"
 };
 function o(r) {
-  const e = r.mode === "light" ? p : B, n = r.mode === "light" ? { background: "#F4C95D", foreground: "#243447" } : {
+  const e = r.mode === "light" ? b : B, n = r.mode === "light" ? { background: "#F4C95D", foreground: "#243447" } : {
     background: r.background,
     foreground: r.foreground
-  }, [t, d, F, c, g] = r.chart, a = r.syntax ?? {
+  }, [t, c, u, g, s] = r.chart, a = r.syntax ?? {
     comment: r.mutedForeground,
     keyword: t,
-    string: d,
-    number: c,
-    type: F,
-    function: g,
-    constant: c
-  }, u = {
-    ...r.mode === "dark" ? s : m,
+    string: c,
+    number: g,
+    type: u,
+    function: s,
+    constant: g
+  }, i = {
+    ...r.mode === "dark" ? l : p,
     "--background": r.background,
     "--foreground": r.foreground,
     "--primary": r.primary,
@@ -115,11 +115,11 @@ function o(r) {
     "--secondary-foreground": r.foreground,
     "--muted": r.muted,
     "--muted-foreground": r.mutedForeground,
-    "--accent": r.muted,
+    "--accent": r.accent ?? r.muted,
     "--accent-foreground": r.foreground,
     "--border": r.border,
     "--input": r.input,
-    "--ring": r.primary,
+    "--ring": r.ring ?? r.primary,
     "--chrome-border": r.border,
     "--top-bar-border": r.border,
     "--activity-bar-border": r.border,
@@ -147,10 +147,10 @@ function o(r) {
     "--sidebar-foreground": r.foreground,
     "--sidebar-primary": r.primary,
     "--sidebar-primary-foreground": r.primaryForeground,
-    "--sidebar-accent": r.muted,
+    "--sidebar-accent": r.accent ?? r.muted,
     "--sidebar-accent-foreground": r.foreground,
     "--sidebar-border": r.border,
-    "--sidebar-ring": r.primary,
+    "--sidebar-ring": r.ring ?? r.primary,
     "--activity-bar": r.sidebar,
     "--activity-bar-foreground": r.mutedForeground,
     "--activity-bar-foreground-active": r.foreground,
@@ -159,10 +159,10 @@ function o(r) {
     "--terminal-background": r.terminalBackground,
     "--terminal-foreground": r.terminalForeground,
     "--chart-1": t,
-    "--chart-2": d,
-    "--chart-3": F,
-    "--chart-4": c,
-    "--chart-5": g,
+    "--chart-2": c,
+    "--chart-3": u,
+    "--chart-4": g,
+    "--chart-5": s,
     "--selection-bg": r.selectionBackground,
     "--selection-fg": r.selectionForeground,
     "--selection-on-primary-bg": n.background,
@@ -186,7 +186,7 @@ function o(r) {
       border: r.border,
       colors: r.chart
     },
-    semanticTokens: u,
+    semanticTokens: i,
     monaco: {
       [r.mode]: {
         base: r.mode === "light" ? "vs" : "vs-dark",
@@ -246,25 +246,25 @@ function o(r) {
         }
       }
     },
-    tokens: r.mode === "light" ? { light: u } : { dark: u }
+    tokens: r.mode === "light" ? { light: i } : { dark: i }
   };
 }
 const E = {
   ...o({
     name: "classic-light",
     displayName: "Classic Light",
-    description: "The original Floe warm-paper light theme.",
+    description: "Warm paper and quiet sage accents.",
     mode: "light",
-    background: "#F3F0EC",
-    foreground: "#202A37",
-    card: "#FFFDFA",
-    muted: "#F2F0ED",
-    mutedForeground: "#5A687C",
-    primary: "#202A37",
-    primaryForeground: "#FFFDFA",
-    border: "#D7D2CB",
-    input: "#CBC4B9",
-    sidebar: "#EDEBE8",
+    background: d["--background"],
+    foreground: d["--foreground"],
+    card: d["--card"],
+    muted: d["--muted"],
+    mutedForeground: d["--muted-foreground"],
+    primary: d["--primary"],
+    primaryForeground: d["--primary-foreground"],
+    border: d["--border"],
+    input: d["--input"],
+    sidebar: d["--sidebar"],
     terminalBackground: "#202A37",
     terminalForeground: "#EBEBEB",
     selectionBackground: "#2671D9",
@@ -281,24 +281,24 @@ const E = {
     }
   }),
   inheritsBaseTokens: !0,
-  semanticTokens: l,
+  semanticTokens: d,
   tokens: void 0
-}, k = {
+}, A = {
   ...o({
     name: "classic-dark",
     displayName: "Classic Dark",
-    description: "The original Floe blue-black dark theme.",
+    description: "Soft graphite and quiet sage accents.",
     mode: "dark",
-    background: "#0E121B",
-    foreground: "#F9FAFB",
-    card: "#121721",
-    muted: "#1B212D",
-    mutedForeground: "#8596AD",
-    primary: "#F9FAFB",
-    primaryForeground: "#121621",
-    border: "#252B37",
-    input: "#52627A",
-    sidebar: "#121721",
+    background: F["--background"],
+    foreground: F["--foreground"],
+    card: F["--card"],
+    muted: F["--muted"],
+    mutedForeground: F["--muted-foreground"],
+    primary: F["--primary"],
+    primaryForeground: F["--primary-foreground"],
+    border: F["--border"],
+    input: F["--input"],
+    sidebar: F["--sidebar"],
     terminalBackground: "#0C1018",
     terminalForeground: "#E8EBEE",
     selectionBackground: "#2671D9",
@@ -315,9 +315,9 @@ const E = {
     }
   }),
   inheritsBaseTokens: !0,
-  semanticTokens: b,
+  semanticTokens: F,
   tokens: void 0
-}, A = [
+}, k = [
   E,
   o({
     name: "paper",
@@ -574,7 +574,7 @@ const E = {
       constant: "#745500"
     }
   }),
-  k,
+  A,
   o({
     name: "ink",
     displayName: "Ink",
@@ -839,7 +839,7 @@ const E = {
     foreground: "#E0E0E4",
     card: "#222226",
     muted: "#2C2C30",
-    mutedForeground: "#909098",
+    mutedForeground: "#93939B",
     primary: "#E0E0E4",
     primaryForeground: "#1A1A1C",
     border: "#323236",
@@ -874,6 +874,7 @@ const E = {
     primaryForeground: "#FFFFFF",
     border: "#38383A",
     input: "#888888",
+    ring: "#0A84FF",
     sidebar: "#242426",
     terminalBackground: "#141416",
     terminalForeground: "#E5E5EA",
@@ -889,6 +890,68 @@ const E = {
       function: "#0A84FF",
       constant: "#BF5AF2"
     }
+  }),
+  o({
+    name: "porcelain-light",
+    displayName: "Porcelain Light",
+    description: "Original Redeven warm ivory and blue-gray ink, with quiet modern surfaces.",
+    mode: "light",
+    background: "#F4F1ED",
+    foreground: "#202A37",
+    card: "#FFFDFA",
+    muted: "#F1EFEC",
+    accent: "#E4E1DD",
+    mutedForeground: "#576579",
+    primary: "#202A37",
+    primaryForeground: "#FFFDFA",
+    border: "#D8D3CC",
+    input: "#828891",
+    sidebar: "#EEECE9",
+    terminalBackground: "#202A37",
+    terminalForeground: "#EBEBEB",
+    selectionBackground: "#2671D9",
+    selectionForeground: "#FFFFFF",
+    chart: ["#202A37", "#5A687C", "#2671D9", "#287A4B", "#835800"],
+    syntax: {
+      comment: "#5A687C",
+      keyword: "#005FB8",
+      string: "#26736F",
+      number: "#8A5A00",
+      type: "#245B9B",
+      function: "#6847A0",
+      constant: "#9C225E"
+    }
+  }),
+  o({
+    name: "porcelain-dark",
+    displayName: "Porcelain Dark",
+    description: "Warm ivory text and soft blue-gray accents on a quiet slate canvas.",
+    mode: "dark",
+    background: "#20242A",
+    foreground: "#E6E3DD",
+    card: "#292E35",
+    muted: "#343A43",
+    mutedForeground: "#A2ABB8",
+    primary: "#BCC8D5",
+    primaryForeground: "#202A37",
+    border: "#3E444D",
+    input: "#7A8491",
+    ring: "#A8BCD0",
+    sidebar: "#1C2026",
+    terminalBackground: "#181C22",
+    terminalForeground: "#E6E3DD",
+    selectionBackground: "#3B6592",
+    selectionForeground: "#FFFFFF",
+    chart: ["#BCC8D5", "#79B8FF", "#C19BE8", "#72D39C", "#F0C36A"],
+    syntax: {
+      comment: "#A2ABB8",
+      keyword: "#C19BE8",
+      string: "#9AD49D",
+      number: "#F0C36A",
+      type: "#79B8FF",
+      function: "#71C8C0",
+      constant: "#E9A4A0"
+    }
   })
 ], v = {
   light: "classic-light",
@@ -898,10 +961,10 @@ function y(r, e) {
   const n = r.mode ?? "both";
   return n === "both" || n === e;
 }
-function h(r, e) {
+function C(r, e) {
   return r.filter((n) => y(n, e));
 }
-function C(r) {
+function h(r) {
   const e = /* @__PURE__ */ new Set();
   for (const n of r) {
     if (e.has(n.name))
@@ -909,27 +972,27 @@ function C(r) {
     e.add(n.name);
   }
 }
-function i(r, e, n, t) {
-  const d = h(r, e);
-  return n && d.some((F) => F.name === n) ? n : t && d.some((F) => F.name === t) ? t : d[0]?.name;
+function m(r, e, n, t) {
+  const c = C(r, e);
+  return n && c.some((u) => u.name === n) ? n : t && c.some((u) => u.name === t) ? t : c[0]?.name;
 }
 function S(r, e, n = {}) {
-  const t = typeof r == "object" && r !== null && !Array.isArray(r) ? r : void 0, d = t?.version === 1, F = d && typeof t.light == "string" ? t.light : void 0, c = d && typeof t.dark == "string" ? t.dark : void 0;
+  const t = typeof r == "object" && r !== null && !Array.isArray(r) ? r : void 0, c = t?.version === 1, u = c && typeof t.light == "string" ? t.light : void 0, g = c && typeof t.dark == "string" ? t.dark : void 0;
   return {
     version: 1,
-    light: i(e, "light", F, n.light),
-    dark: i(e, "dark", c, n.dark)
+    light: m(e, "light", u, n.light),
+    dark: m(e, "dark", g, n.dark)
   };
 }
-C(A);
+h(k);
 export {
   v as BUILT_IN_SHELL_THEME_DEFAULTS,
   w as REQUIRED_SHELL_THEME_TOKENS,
-  C as assertUniqueThemePresetNames,
-  A as builtInShellThemePresets,
+  h as assertUniqueThemePresetNames,
+  k as builtInShellThemePresets,
   o as createShellThemePreset,
-  h as getShellThemePresetsForMode,
+  C as getShellThemePresetsForMode,
   S as normalizeShellThemeSelection,
   y as presetSupportsMode,
-  i as resolveShellThemePresetName
+  m as resolveShellThemePresetName
 };