@floegence/floe-webapp-core 0.39.10 → 0.40.0

package/dist/styles/tokens.js

@@ -2,7 +2,7 @@ const r = {
   "--radius": "0.375rem",
   "--font-sans": "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
   "--font-mono": "'JetBrains Mono', 'Fira Code', 'SF Mono', Menlo, Monaco, Consolas, monospace"
-}, i = [
+}, l = [
   {
     name: "Base Colors",
     description: "Primary application surfaces and text colors.",
@@ -39,7 +39,7 @@ const r = {
         name: "Secondary",
         variable: "--secondary",
         lightValue: "hsl(36 15% 94%)",
-        darkValue: "hsl(220 25% 14%)",
+        darkValue: "hsl(220 18% 15%)",
         description: "Secondary surface color for lower-emphasis blocks."
       },
       {
@@ -53,21 +53,21 @@ const r = {
         name: "Muted",
         variable: "--muted",
         lightValue: "hsl(36 15% 94%)",
-        darkValue: "hsl(220 25% 14%)",
+        darkValue: "hsl(220 16% 16%)",
         description: "Muted surface color for subtle containers and fills."
       },
       {
         name: "Muted Foreground",
         variable: "--muted-foreground",
         lightValue: "hsl(215 16% 42%)",
-        darkValue: "hsl(215 20% 60%)",
+        darkValue: "hsl(215 16% 56%)",
         description: "Secondary text color for supporting copy."
       },
       {
         name: "Accent",
         variable: "--accent",
-        lightValue: "hsl(34 11% 88%)",
-        darkValue: "hsl(220 25% 16%)",
+        lightValue: "hsl(34 9% 85%)",
+        darkValue: "hsl(220 14% 19%)",
         description: "Accent surface for hover states and light emphasis."
       },
       {
@@ -87,7 +87,7 @@ const r = {
         name: "Card",
         variable: "--card",
         lightValue: "hsl(36 100% 99%)",
-        darkValue: "hsl(222 28% 10%)",
+        darkValue: "hsl(220 20% 13%)",
         description: "Card background surface."
       },
       {
@@ -101,7 +101,7 @@ const r = {
         name: "Popover",
         variable: "--popover",
         lightValue: "hsl(36 100% 99%)",
-        darkValue: "hsl(222 28% 10%)",
+        darkValue: "hsl(220 18% 15%)",
         description: "Popover and floating panel background."
       },
       {
@@ -115,14 +115,14 @@ const r = {
         name: "Border",
         variable: "--border",
         lightValue: "hsl(35 13% 82%)",
-        darkValue: "hsl(220 20% 18%)",
+        darkValue: "hsl(220 16% 20%)",
         description: "Default border color."
       },
       {
         name: "Input",
         variable: "--input",
         lightValue: "hsl(37 15% 76%)",
-        darkValue: "hsl(220 25% 14%)",
+        darkValue: "hsl(220 18% 15%)",
         description: "Input border color."
       },
       {
@@ -252,7 +252,7 @@ const r = {
         name: "Chrome Border",
         variable: "--chrome-border",
         lightValue: "hsl(33 11% 84%)",
-        darkValue: "var(--border)",
+        darkValue: "hsl(220 16% 13%)",
         description: "Default shared shell divider color."
       },
       {
@@ -292,8 +292,8 @@ const r = {
       {
         name: "Sidebar",
         variable: "--sidebar",
-        lightValue: "hsl(36 13% 92%)",
-        darkValue: "hsl(222 28% 10%)",
+        lightValue: "hsl(34 13% 90%)",
+        darkValue: "hsl(221 22% 11%)",
         description: "Sidebar background."
       },
       {
@@ -320,8 +320,8 @@ const r = {
       {
         name: "Sidebar Accent",
         variable: "--sidebar-accent",
-        lightValue: "hsl(34 11% 88%)",
-        darkValue: "hsl(220 25% 16%)",
+        lightValue: "hsl(34 9% 84%)",
+        darkValue: "hsl(220 14% 19%)",
         description: "Accent surface used for sidebar hover and active states."
       },
       {
@@ -334,8 +334,8 @@ const r = {
       {
         name: "Sidebar Border",
         variable: "--sidebar-border",
-        lightValue: "hsl(33 11% 84%)",
-        darkValue: "hsl(220 20% 18%)",
+        lightValue: "hsl(33 9% 82%)",
+        darkValue: "hsl(220 16% 13%)",
         description: "Sidebar inner border color."
       },
       {
@@ -354,22 +354,22 @@ const r = {
       {
         name: "Activity Bar",
         variable: "--activity-bar",
-        lightValue: "hsl(36 13% 92%)",
-        darkValue: "hsl(222 30% 9%)",
+        lightValue: "hsl(34 11% 90%)",
+        darkValue: "hsl(222 28% 7%)",
         description: "Activity bar background."
       },
       {
         name: "Activity Bar Foreground",
         variable: "--activity-bar-foreground",
-        lightValue: "hsl(215 16% 42%)",
-        darkValue: "hsl(215 20% 55%)",
+        lightValue: "hsl(215 14% 46%)",
+        darkValue: "hsl(215 16% 50%)",
         description: "Default activity bar icon color."
       },
       {
         name: "Activity Bar Foreground Active",
         variable: "--activity-bar-foreground-active",
         lightValue: "hsl(214 26% 17%)",
-        darkValue: "hsl(210 20% 98%)",
+        darkValue: "hsl(210 20% 96%)",
         description: "Active activity bar icon color."
       },
       {
@@ -497,7 +497,7 @@ const r = {
       }
     ]
   }
-], l = [
+], i = [
   {
     name: "Text XS",
     size: "11px",
@@ -615,7 +615,7 @@ const r = {
     usage: "Neon and emphasis effects",
     description: "Pulsing glow animation for elevated emphasis."
   }
-], d = i.reduce((a, e) => (a.push(...e.tokens), a), []);
+], d = l.reduce((a, e) => (a.push(...e.tokens), a), []);
 function o(a) {
   return Object.fromEntries(
     d.map((e) => [
@@ -632,8 +632,8 @@ function h(a, e) {
   return u[e][a];
 }
 const g = {
-  colors: i,
-  typography: l,
+  colors: l,
+  typography: i,
   fonts: n,
   spacing: s,
   radius: t,
@@ -641,7 +641,7 @@ const g = {
   shared: r
 };
 export {
-  i as floeColorTokenCategories,
+  l as floeColorTokenCategories,
   g as floeDesignTokens,
   n as floeFontFamilyTokens,
   c as floeMotionTokens,
@@ -649,6 +649,6 @@ export {
   r as floeSharedCssVariables,
   s as floeSpacingTokens,
   u as floeThemeColorVariables,
-  l as floeTypographyTokens,
+  i as floeTypographyTokens,
   h as getFloeColorTokenValue
 };