@floegence/floe-webapp-core 0.35.28 → 0.35.30

package/dist/styles/tokens.d.ts

@@ -210,6 +210,46 @@ export declare const floeColorTokenCategories: readonly [{
         readonly darkValue: "hsl(0 0% 100%)";
         readonly description: "Foreground color used on info surfaces.";
     }];
+}, {
+    readonly name: "Highlight Blocks";
+    readonly description: "Dedicated accent colors for HighlightBlock variants so callouts can diverge from shared status tokens.";
+    readonly tokens: readonly [{
+        readonly name: "Highlight Block Info Accent";
+        readonly variable: "--highlight-block-info-accent";
+        readonly lightValue: "oklch(0.52 0.14 245)";
+        readonly darkValue: "oklch(0.62 0.12 240)";
+        readonly description: "Info accent used by HighlightBlock surfaces and borders.";
+    }, {
+        readonly name: "Highlight Block Warning Accent";
+        readonly variable: "--highlight-block-warning-accent";
+        readonly lightValue: "oklch(0.62 0.16 65)";
+        readonly darkValue: "oklch(0.7 0.14 65)";
+        readonly description: "Warning accent used by HighlightBlock surfaces and borders.";
+    }, {
+        readonly name: "Highlight Block Success Accent";
+        readonly variable: "--highlight-block-success-accent";
+        readonly lightValue: "oklch(0.55 0.14 155)";
+        readonly darkValue: "oklch(0.62 0.12 155)";
+        readonly description: "Success accent used by HighlightBlock surfaces and borders.";
+    }, {
+        readonly name: "Highlight Block Error Accent";
+        readonly variable: "--highlight-block-error-accent";
+        readonly lightValue: "oklch(0.55 0.16 25)";
+        readonly darkValue: "oklch(0.6 0.14 25)";
+        readonly description: "Error accent used by HighlightBlock surfaces and borders.";
+    }, {
+        readonly name: "Highlight Block Note Accent";
+        readonly variable: "--highlight-block-note-accent";
+        readonly lightValue: "oklch(0.52 0.16 285)";
+        readonly darkValue: "oklch(0.62 0.14 285)";
+        readonly description: "Note accent used by HighlightBlock surfaces and borders.";
+    }, {
+        readonly name: "Highlight Block Tip Accent";
+        readonly variable: "--highlight-block-tip-accent";
+        readonly lightValue: "oklch(0.52 0.12 175)";
+        readonly darkValue: "oklch(0.6 0.1 175)";
+        readonly description: "Tip accent used by HighlightBlock surfaces and borders.";
+    }];
 }, {
     readonly name: "Shell Chrome";
     readonly description: "Stable shell chrome borders that can be overridden through theme.tokens.";
@@ -760,6 +800,46 @@ export declare const floeDesignTokens: {
             readonly darkValue: "hsl(0 0% 100%)";
             readonly description: "Foreground color used on info surfaces.";
         }];
+    }, {
+        readonly name: "Highlight Blocks";
+        readonly description: "Dedicated accent colors for HighlightBlock variants so callouts can diverge from shared status tokens.";
+        readonly tokens: readonly [{
+            readonly name: "Highlight Block Info Accent";
+            readonly variable: "--highlight-block-info-accent";
+            readonly lightValue: "oklch(0.52 0.14 245)";
+            readonly darkValue: "oklch(0.62 0.12 240)";
+            readonly description: "Info accent used by HighlightBlock surfaces and borders.";
+        }, {
+            readonly name: "Highlight Block Warning Accent";
+            readonly variable: "--highlight-block-warning-accent";
+            readonly lightValue: "oklch(0.62 0.16 65)";
+            readonly darkValue: "oklch(0.7 0.14 65)";
+            readonly description: "Warning accent used by HighlightBlock surfaces and borders.";
+        }, {
+            readonly name: "Highlight Block Success Accent";
+            readonly variable: "--highlight-block-success-accent";
+            readonly lightValue: "oklch(0.55 0.14 155)";
+            readonly darkValue: "oklch(0.62 0.12 155)";
+            readonly description: "Success accent used by HighlightBlock surfaces and borders.";
+        }, {
+            readonly name: "Highlight Block Error Accent";
+            readonly variable: "--highlight-block-error-accent";
+            readonly lightValue: "oklch(0.55 0.16 25)";
+            readonly darkValue: "oklch(0.6 0.14 25)";
+            readonly description: "Error accent used by HighlightBlock surfaces and borders.";
+        }, {
+            readonly name: "Highlight Block Note Accent";
+            readonly variable: "--highlight-block-note-accent";
+            readonly lightValue: "oklch(0.52 0.16 285)";
+            readonly darkValue: "oklch(0.62 0.14 285)";
+            readonly description: "Note accent used by HighlightBlock surfaces and borders.";
+        }, {
+            readonly name: "Highlight Block Tip Accent";
+            readonly variable: "--highlight-block-tip-accent";
+            readonly lightValue: "oklch(0.52 0.12 175)";
+            readonly darkValue: "oklch(0.6 0.1 175)";
+            readonly description: "Tip accent used by HighlightBlock surfaces and borders.";
+        }];
     }, {
         readonly name: "Shell Chrome";
         readonly description: "Stable shell chrome borders that can be overridden through theme.tokens.";

package/dist/styles/tokens.js

@@ -196,6 +196,54 @@ const r = {
       }
     ]
   },
+  {
+    name: "Highlight Blocks",
+    description: "Dedicated accent colors for HighlightBlock variants so callouts can diverge from shared status tokens.",
+    tokens: [
+      {
+        name: "Highlight Block Info Accent",
+        variable: "--highlight-block-info-accent",
+        lightValue: "oklch(0.52 0.14 245)",
+        darkValue: "oklch(0.62 0.12 240)",
+        description: "Info accent used by HighlightBlock surfaces and borders."
+      },
+      {
+        name: "Highlight Block Warning Accent",
+        variable: "--highlight-block-warning-accent",
+        lightValue: "oklch(0.62 0.16 65)",
+        darkValue: "oklch(0.7 0.14 65)",
+        description: "Warning accent used by HighlightBlock surfaces and borders."
+      },
+      {
+        name: "Highlight Block Success Accent",
+        variable: "--highlight-block-success-accent",
+        lightValue: "oklch(0.55 0.14 155)",
+        darkValue: "oklch(0.62 0.12 155)",
+        description: "Success accent used by HighlightBlock surfaces and borders."
+      },
+      {
+        name: "Highlight Block Error Accent",
+        variable: "--highlight-block-error-accent",
+        lightValue: "oklch(0.55 0.16 25)",
+        darkValue: "oklch(0.6 0.14 25)",
+        description: "Error accent used by HighlightBlock surfaces and borders."
+      },
+      {
+        name: "Highlight Block Note Accent",
+        variable: "--highlight-block-note-accent",
+        lightValue: "oklch(0.52 0.16 285)",
+        darkValue: "oklch(0.62 0.14 285)",
+        description: "Note accent used by HighlightBlock surfaces and borders."
+      },
+      {
+        name: "Highlight Block Tip Accent",
+        variable: "--highlight-block-tip-accent",
+        lightValue: "oklch(0.52 0.12 175)",
+        darkValue: "oklch(0.6 0.1 175)",
+        description: "Tip accent used by HighlightBlock surfaces and borders."
+      }
+    ]
+  },
   {
     name: "Shell Chrome",
     description: "Stable shell chrome borders that can be overridden through theme.tokens.",
@@ -530,7 +578,7 @@ const r = {
   { name: "XL", value: "1rem", variable: "-", className: "rounded-xl" },
   { name: "2XL", value: "1.5rem", variable: "-", className: "rounded-2xl" },
   { name: "Full", value: "9999px", variable: "-", className: "rounded-full" }
-], d = [
+], c = [
   {
     name: "Fade In",
     keyframes: "animate-in",
@@ -567,10 +615,10 @@ const r = {
     usage: "Neon and emphasis effects",
     description: "Pulsing glow animation for elevated emphasis."
   }
-], c = i.reduce((a, e) => (a.push(...e.tokens), a), []);
+], d = i.reduce((a, e) => (a.push(...e.tokens), a), []);
 function o(a) {
   return Object.fromEntries(
-    c.map((e) => [
+    d.map((e) => [
       e.variable,
       a === "light" ? e.lightValue : e.darkValue
     ])
@@ -580,27 +628,27 @@ const u = {
   light: o("light"),
   dark: o("dark")
 };
-function m(a, e) {
+function h(a, e) {
   return u[e][a];
 }
-const h = {
+const g = {
   colors: i,
   typography: l,
   fonts: n,
   spacing: s,
   radius: t,
-  motion: d,
+  motion: c,
   shared: r
 };
 export {
   i as floeColorTokenCategories,
-  h as floeDesignTokens,
+  g as floeDesignTokens,
   n as floeFontFamilyTokens,
-  d as floeMotionTokens,
+  c as floeMotionTokens,
   t as floeRadiusTokens,
   r as floeSharedCssVariables,
   s as floeSpacingTokens,
   u as floeThemeColorVariables,
   l as floeTypographyTokens,
-  m as getFloeColorTokenValue
+  h as getFloeColorTokenValue
 };