@floegence/floe-webapp-core 0.52.13 → 0.53.1

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

@@ -1,2 +1,144 @@
+export declare const CLASSIC_LIGHT_CSS_TOKENS: {
+    readonly '--floe-window-background': "var(--popover)";
+    readonly '--floe-window-titlebar-background': "var(--popover)";
+    readonly '--background': "#f8f7f2";
+    readonly '--foreground': "#303a34";
+    readonly '--primary': "#465a43";
+    readonly '--primary-foreground': "#f8faf5";
+    readonly '--secondary': "#eeefe8";
+    readonly '--secondary-foreground': "#545f56";
+    readonly '--muted': "#e9ece3";
+    readonly '--muted-foreground': "#5e695c";
+    readonly '--accent': "#e0e7da";
+    readonly '--accent-foreground': "#303a34";
+    readonly '--border': "#d4d8cd";
+    readonly '--input': "#858e80";
+    readonly '--ring': "#56694f";
+    readonly '--chrome-border': "#dedfd7";
+    readonly '--top-bar-border': "var(--chrome-border)";
+    readonly '--activity-bar-border': "var(--chrome-border)";
+    readonly '--bottom-bar-border': "var(--chrome-border)";
+    readonly '--terminal-panel-border': "var(--chrome-border)";
+    readonly '--card': "#fcfbf7";
+    readonly '--card-foreground': "#303a34";
+    readonly '--popover': "#fffefa";
+    readonly '--popover-foreground': "#303a34";
+    readonly '--success': "#496744";
+    readonly '--success-foreground': "#f8faf5";
+    readonly '--warning': "#856828";
+    readonly '--warning-foreground': "#fffefa";
+    readonly '--error': "#b74744";
+    readonly '--error-foreground': "#fffefa";
+    readonly '--info': "#2671d9";
+    readonly '--info-foreground': "#fffefa";
+    readonly '--highlight-block-info-accent': "oklch(0.52 0.14 245)";
+    readonly '--highlight-block-warning-accent': "oklch(0.62 0.16 65)";
+    readonly '--highlight-block-success-accent': "oklch(0.55 0.14 155)";
+    readonly '--highlight-block-error-accent': "oklch(0.55 0.16 25)";
+    readonly '--highlight-block-note-accent': "oklch(0.52 0.16 285)";
+    readonly '--highlight-block-tip-accent': "oklch(0.52 0.12 175)";
+    readonly '--sidebar': "#efeee7";
+    readonly '--sidebar-foreground': "#303a34";
+    readonly '--sidebar-primary': "#465a43";
+    readonly '--sidebar-primary-foreground': "#f8faf5";
+    readonly '--sidebar-accent': "#e0e7da";
+    readonly '--sidebar-accent-foreground': "#303a34";
+    readonly '--sidebar-border': "#dedfd7";
+    readonly '--sidebar-ring': "#56694f";
+    readonly '--activity-bar': "#eeede6";
+    readonly '--activity-bar-foreground': "#5e695c";
+    readonly '--activity-bar-foreground-active': "#303a34";
+    readonly '--activity-bar-badge': "#465a43";
+    readonly '--activity-bar-badge-foreground': "#f8faf5";
+    readonly '--terminal-background': "hsl(214 26% 17%)";
+    readonly '--terminal-foreground': "hsl(0 0% 92%)";
+    readonly '--chart-1': "hsl(214 26% 17%)";
+    readonly '--chart-2': "hsl(215 16% 42%)";
+    readonly '--chart-3': "hsl(217 91% 60%)";
+    readonly '--chart-4': "oklch(0.68 0.16 150)";
+    readonly '--chart-5': "hsl(38 92% 50%)";
+    readonly '--selection-bg': "hsl(217 91% 60%)";
+    readonly '--selection-fg': "hsl(0 0% 100%)";
+    readonly '--selection-on-primary-bg': "hsl(38 92% 50%)";
+    readonly '--selection-on-primary-fg': "hsl(214 26% 17%)";
+    readonly '--selection-code-bg': "hsl(212 100% 67%)";
+    readonly '--selection-code-fg': "hsl(220 20% 8%)";
+    readonly '--glow': "#465a43";
+    readonly '--floe-window-foreground': "var(--foreground)";
+    readonly '--floe-window-muted-foreground': "var(--muted-foreground)";
+    readonly '--floe-window-border': "color-mix(in srgb, var(--floe-window-background) 88%, var(--foreground))";
+    readonly '--floe-window-shadow': "0 1px 3px rgb(0 0 0 / 14%), 0 12px 28px -8px rgb(0 0 0 / 18%)";
+};
+export declare const CLASSIC_DARK_CSS_TOKENS: {
+    readonly '--floe-window-background': "var(--popover)";
+    readonly '--floe-window-titlebar-background': "var(--popover)";
+    readonly '--background': "#202223";
+    readonly '--foreground': "#e5e6e2";
+    readonly '--primary': "#bccbb8";
+    readonly '--primary-foreground': "#20291f";
+    readonly '--secondary': "#303435";
+    readonly '--secondary-foreground': "#b8bdb8";
+    readonly '--muted': "#343738";
+    readonly '--muted-foreground': "#9da4a0";
+    readonly '--accent': "#353a38";
+    readonly '--accent-foreground': "#e5e6e2";
+    readonly '--border': "#3e4142";
+    readonly '--input': "#6d7571";
+    readonly '--ring': "#acbdb3";
+    readonly '--chrome-border': "#292c2b";
+    readonly '--top-bar-border': "var(--chrome-border)";
+    readonly '--activity-bar-border': "var(--chrome-border)";
+    readonly '--bottom-bar-border': "var(--chrome-border)";
+    readonly '--terminal-panel-border': "var(--chrome-border)";
+    readonly '--card': "#282b2c";
+    readonly '--card-foreground': "#e5e6e2";
+    readonly '--popover': "#2b2e2f";
+    readonly '--popover-foreground': "#e5e6e2";
+    readonly '--success': "#a1b69e";
+    readonly '--success-foreground': "#20291f";
+    readonly '--warning': "#c8af84";
+    readonly '--warning-foreground': "#20291f";
+    readonly '--error': "oklch(0.7 0.22 25)";
+    readonly '--error-foreground': "#202223";
+    readonly '--info': "oklch(0.7 0.15 250)";
+    readonly '--info-foreground': "#202223";
+    readonly '--highlight-block-info-accent': "oklch(0.62 0.12 240)";
+    readonly '--highlight-block-warning-accent': "oklch(0.7 0.14 65)";
+    readonly '--highlight-block-success-accent': "oklch(0.62 0.12 155)";
+    readonly '--highlight-block-error-accent': "oklch(0.6 0.14 25)";
+    readonly '--highlight-block-note-accent': "oklch(0.62 0.14 285)";
+    readonly '--highlight-block-tip-accent': "oklch(0.6 0.1 175)";
+    readonly '--sidebar': "#1b1d1e";
+    readonly '--sidebar-foreground': "#e5e6e2";
+    readonly '--sidebar-primary': "#bccbb8";
+    readonly '--sidebar-primary-foreground': "#20291f";
+    readonly '--sidebar-accent': "#353a38";
+    readonly '--sidebar-accent-foreground': "#e5e6e2";
+    readonly '--sidebar-border': "#292c2b";
+    readonly '--sidebar-ring': "#acbdb3";
+    readonly '--activity-bar': "#17191a";
+    readonly '--activity-bar-foreground': "#9da4a0";
+    readonly '--activity-bar-foreground-active': "#e5e6e2";
+    readonly '--activity-bar-badge': "#bccbb8";
+    readonly '--activity-bar-badge-foreground': "#20291f";
+    readonly '--terminal-background': "hsl(222 32% 7%)";
+    readonly '--terminal-foreground': "hsl(210 15% 92%)";
+    readonly '--chart-1': "hsl(210 20% 98%)";
+    readonly '--chart-2': "hsl(215 20% 60%)";
+    readonly '--chart-3': "oklch(0.7 0.15 250)";
+    readonly '--chart-4': "oklch(0.72 0.19 150)";
+    readonly '--chart-5': "oklch(0.82 0.16 80)";
+    readonly '--selection-bg': "hsl(215 70% 50%)";
+    readonly '--selection-fg': "hsl(0 0% 100%)";
+    readonly '--selection-on-primary-bg': "hsl(215 80% 35%)";
+    readonly '--selection-on-primary-fg': "hsl(0 0% 100%)";
+    readonly '--selection-code-bg': "hsl(212 100% 67%)";
+    readonly '--selection-code-fg': "hsl(220 20% 8%)";
+    readonly '--glow': "hsl(217 65% 52%)";
+    readonly '--floe-window-foreground': "var(--foreground)";
+    readonly '--floe-window-muted-foreground': "color-mix(in srgb, var(--muted-foreground) 72%, var(--foreground))";
+    readonly '--floe-window-border': "color-mix(in srgb, var(--floe-window-background) 88%, var(--foreground))";
+    readonly '--floe-window-shadow': "0 1px 3px rgb(0 0 0 / 30%), 0 12px 28px -8px rgb(0 0 0 / 32%)";
+};
 export declare const CLASSIC_LIGHT_SEMANTIC_TOKENS: Readonly<Partial<Record<`--${string}`, string>>>;
 export declare const CLASSIC_DARK_SEMANTIC_TOKENS: Readonly<Partial<Record<`--${string}`, string>>>;

package/dist/styles/themes/classicSemanticTokens.js

@@ -1,66 +1,68 @@
-import { LIGHT_WINDOW_TOKENS as n, DARK_WINDOW_TOKENS as i } from "./windowTokens.js";
-function a(h) {
-  const l = {}, c = (r, e = /* @__PURE__ */ new Set()) => {
-    const o = h[r];
-    if (!o || e.has(r)) return o;
-    const s = /^var\((--[\w-]+)\)$/u.exec(o)?.[1];
-    return s ? (e.add(r), c(s, e)) : o;
+import { LIGHT_WINDOW_TOKENS as t, DARK_WINDOW_TOKENS as b } from "./windowTokens.js";
+function i(c) {
+  const a = {}, n = (r, o = /* @__PURE__ */ new Set()) => {
+    const e = c[r];
+    if (!e || o.has(r)) return e;
+    const d = /^var\((--[\w-]+)\)$/u.exec(e)?.[1];
+    return d ? (o.add(r), n(d, o)) : e;
   };
-  for (const r of Object.keys(h))
-    l[r] = c(r);
-  return Object.freeze(l);
+  for (const r of Object.keys(c))
+    a[r] = n(r);
+  return Object.freeze(a);
 }
-const t = {
-  ...n,
-  "--background": "hsl(34 24% 94%)",
-  "--foreground": "hsl(214 26% 17%)",
-  "--primary": "hsl(214 26% 17%)",
-  "--primary-foreground": "hsl(36 100% 99%)",
-  "--secondary": "hsl(36 15% 94%)",
-  "--secondary-foreground": "hsl(214 25% 25%)",
-  "--muted": "hsl(36 15% 94%)",
-  "--muted-foreground": "hsl(215 16% 42%)",
-  "--accent": "hsl(34 9% 85%)",
-  "--accent-foreground": "hsl(214 26% 17%)",
-  "--border": "hsl(35 13% 82%)",
-  "--input": "hsl(37 15% 76%)",
-  "--ring": "hsl(214 26% 17%)",
-  "--chrome-border": "hsl(33 11% 84%)",
+const f = {
+  ...t,
+  "--floe-window-background": "var(--popover)",
+  "--floe-window-titlebar-background": "var(--popover)",
+  "--background": "#f8f7f2",
+  "--foreground": "#303a34",
+  "--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",
   "--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": "hsl(36 100% 99%)",
-  "--card-foreground": "hsl(214 26% 17%)",
-  "--popover": "hsl(36 100% 99%)",
-  "--popover-foreground": "hsl(214 26% 17%)",
-  "--success": "oklch(0.68 0.16 150)",
-  "--success-foreground": "hsl(0 0% 100%)",
-  "--warning": "hsl(38 92% 50%)",
-  "--warning-foreground": "hsl(214 26% 17%)",
-  "--error": "oklch(0.65 0.2 25)",
-  "--error-foreground": "hsl(0 0% 100%)",
-  "--info": "hsl(217 91% 60%)",
-  "--info-foreground": "hsl(0 0% 100%)",
+  "--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": "hsl(34 13% 90%)",
-  "--sidebar-foreground": "hsl(214 26% 17%)",
-  "--sidebar-primary": "hsl(214 26% 17%)",
-  "--sidebar-primary-foreground": "hsl(36 100% 99%)",
-  "--sidebar-accent": "hsl(34 9% 84%)",
-  "--sidebar-accent-foreground": "hsl(214 26% 17%)",
-  "--sidebar-border": "hsl(33 9% 82%)",
-  "--sidebar-ring": "hsl(214 26% 17%)",
-  "--activity-bar": "hsl(34 11% 90%)",
-  "--activity-bar-foreground": "hsl(215 14% 46%)",
-  "--activity-bar-foreground-active": "hsl(214 26% 17%)",
-  "--activity-bar-badge": "hsl(214 26% 17%)",
-  "--activity-bar-badge-foreground": "hsl(36 100% 99%)",
+  "--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%)",
@@ -74,58 +76,60 @@ const t = {
   "--selection-on-primary-fg": "hsl(214 26% 17%)",
   "--selection-code-bg": "hsl(212 100% 67%)",
   "--selection-code-fg": "hsl(220 20% 8%)",
-  "--glow": "hsl(214 26% 17%)"
-}, d = {
-  ...i,
-  "--background": "hsl(222 30% 8%)",
-  "--foreground": "hsl(210 20% 98%)",
-  "--primary": "hsl(210 20% 98%)",
-  "--primary-foreground": "hsl(222 30% 10%)",
-  "--secondary": "hsl(220 18% 15%)",
-  "--secondary-foreground": "hsl(210 20% 98%)",
-  "--muted": "hsl(220 16% 16%)",
-  "--muted-foreground": "hsl(215 16% 56%)",
-  "--accent": "hsl(220 14% 19%)",
-  "--accent-foreground": "hsl(210 20% 98%)",
-  "--border": "hsl(220 16% 20%)",
-  "--input": "hsl(220 18% 15%)",
-  "--ring": "hsl(215 25% 70%)",
-  "--chrome-border": "hsl(220 16% 13%)",
+  "--glow": "#465a43"
+}, h = {
+  ...b,
+  "--floe-window-background": "var(--popover)",
+  "--floe-window-titlebar-background": "var(--popover)",
+  "--background": "#202223",
+  "--foreground": "#e5e6e2",
+  "--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",
   "--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": "hsl(220 20% 13%)",
-  "--card-foreground": "hsl(210 20% 98%)",
-  "--popover": "hsl(220 18% 15%)",
-  "--popover-foreground": "hsl(210 20% 98%)",
-  "--success": "oklch(0.72 0.19 150)",
-  "--success-foreground": "hsl(222 30% 10%)",
-  "--warning": "oklch(0.82 0.16 80)",
-  "--warning-foreground": "hsl(222 30% 10%)",
+  "--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": "hsl(0 0% 100%)",
+  "--error-foreground": "#202223",
   "--info": "oklch(0.7 0.15 250)",
-  "--info-foreground": "hsl(0 0% 100%)",
+  "--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": "hsl(221 22% 11%)",
-  "--sidebar-foreground": "hsl(210 20% 98%)",
-  "--sidebar-primary": "hsl(217 80% 55%)",
-  "--sidebar-primary-foreground": "hsl(0 0% 100%)",
-  "--sidebar-accent": "hsl(220 14% 19%)",
-  "--sidebar-accent-foreground": "hsl(210 20% 98%)",
-  "--sidebar-border": "hsl(220 16% 13%)",
-  "--sidebar-ring": "hsl(217 80% 55%)",
-  "--activity-bar": "hsl(222 28% 7%)",
-  "--activity-bar-foreground": "hsl(215 16% 50%)",
-  "--activity-bar-foreground-active": "hsl(210 20% 96%)",
-  "--activity-bar-badge": "hsl(217 80% 55%)",
-  "--activity-bar-badge-foreground": "hsl(0 0% 100%)",
+  "--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%)",
@@ -140,8 +144,10 @@ const t = {
   "--selection-code-bg": "hsl(212 100% 67%)",
   "--selection-code-fg": "hsl(220 20% 8%)",
   "--glow": "hsl(217 65% 52%)"
-}, b = a(t), u = a(d);
+}, g = i(f), s = i(h);
 export {
-  u as CLASSIC_DARK_SEMANTIC_TOKENS,
-  b as CLASSIC_LIGHT_SEMANTIC_TOKENS
+  h as CLASSIC_DARK_CSS_TOKENS,
+  s as CLASSIC_DARK_SEMANTIC_TOKENS,
+  f as CLASSIC_LIGHT_CSS_TOKENS,
+  g as CLASSIC_LIGHT_SEMANTIC_TOKENS
 };

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

@@ -17,11 +17,13 @@ interface ShellThemePaletteDefinition {
     foreground: string;
     card: string;
     muted: string;
+    accent?: string;
     mutedForeground: string;
     primary: string;
     primaryForeground: string;
     border: string;
     input: string;
+    ring?: string;
     sidebar: string;
     terminalBackground: string;
     terminalForeground: string;
@@ -82,7 +84,7 @@ export declare const builtInShellThemePresets: readonly [{
         colors: readonly [string, string, string, string, string];
     };
     monaco?: Partial<Record<"light" | "dark", import("./index").FloeMonacoThemeDefinition>>;
-}, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset];
+}, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset, FloeThemePreset];
 export declare const BUILT_IN_SHELL_THEME_DEFAULTS: {
     readonly light: "classic-light";
     readonly dark: "classic-dark";