@floegence/floe-webapp-core 0.35.29 → 0.35.30

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
 };