@floegence/floe-webapp-core 0.36.70 → 0.36.72

package/dist/styles/tokens.js

@@ -10,70 +10,70 @@ const r = {
       {
         name: "Background",
         variable: "--background",
-        lightValue: "hsl(36 15% 93%)",
+        lightValue: "hsl(34 24% 94%)",
         darkValue: "hsl(222 30% 8%)",
         description: "Main application background color."
       },
       {
         name: "Foreground",
         variable: "--foreground",
-        lightValue: "hsl(215 40% 13%)",
+        lightValue: "hsl(214 26% 17%)",
         darkValue: "hsl(210 20% 98%)",
         description: "Default foreground color for body text."
       },
       {
         name: "Primary",
         variable: "--primary",
-        lightValue: "hsl(215 40% 13%)",
+        lightValue: "hsl(214 26% 17%)",
         darkValue: "hsl(210 20% 98%)",
         description: "Primary interactive color used by buttons and emphasis."
       },
       {
         name: "Primary Foreground",
         variable: "--primary-foreground",
-        lightValue: "hsl(0 0% 98%)",
+        lightValue: "hsl(36 100% 99%)",
         darkValue: "hsl(222 30% 10%)",
         description: "Foreground color used on primary surfaces."
       },
       {
         name: "Secondary",
         variable: "--secondary",
-        lightValue: "hsl(36 10% 88%)",
+        lightValue: "hsl(36 15% 94%)",
         darkValue: "hsl(220 25% 14%)",
         description: "Secondary surface color for lower-emphasis blocks."
       },
       {
         name: "Secondary Foreground",
         variable: "--secondary-foreground",
-        lightValue: "hsl(215 30% 26%)",
+        lightValue: "hsl(214 25% 25%)",
         darkValue: "hsl(210 20% 98%)",
         description: "Foreground color used on secondary surfaces."
       },
       {
         name: "Muted",
         variable: "--muted",
-        lightValue: "hsl(36 10% 88%)",
+        lightValue: "hsl(36 15% 94%)",
         darkValue: "hsl(220 25% 14%)",
         description: "Muted surface color for subtle containers and fills."
       },
       {
         name: "Muted Foreground",
         variable: "--muted-foreground",
-        lightValue: "hsl(215 20% 42%)",
+        lightValue: "hsl(215 16% 42%)",
         darkValue: "hsl(215 20% 60%)",
         description: "Secondary text color for supporting copy."
       },
       {
         name: "Accent",
         variable: "--accent",
-        lightValue: "hsl(36 10% 88%)",
+        lightValue: "hsl(34 11% 88%)",
         darkValue: "hsl(220 25% 16%)",
         description: "Accent surface for hover states and light emphasis."
       },
       {
         name: "Accent Foreground",
         variable: "--accent-foreground",
-        lightValue: "hsl(215 40% 13%)",
+        lightValue: "hsl(214 26% 17%)",
         darkValue: "hsl(210 20% 98%)",
         description: "Foreground color used on accent surfaces."
       }
@@ -86,49 +86,49 @@ const r = {
       {
         name: "Card",
         variable: "--card",
-        lightValue: "hsl(0 0% 100%)",
+        lightValue: "hsl(36 100% 99%)",
         darkValue: "hsl(222 28% 10%)",
         description: "Card background surface."
       },
       {
         name: "Card Foreground",
         variable: "--card-foreground",
-        lightValue: "hsl(215 40% 13%)",
+        lightValue: "hsl(214 26% 17%)",
         darkValue: "hsl(210 20% 98%)",
         description: "Foreground color used on card surfaces."
       },
       {
         name: "Popover",
         variable: "--popover",
-        lightValue: "hsl(0 0% 100%)",
+        lightValue: "hsl(36 100% 99%)",
         darkValue: "hsl(222 28% 10%)",
         description: "Popover and floating panel background."
       },
       {
         name: "Popover Foreground",
         variable: "--popover-foreground",
-        lightValue: "hsl(215 40% 13%)",
+        lightValue: "hsl(214 26% 17%)",
         darkValue: "hsl(210 20% 98%)",
         description: "Foreground color used on popovers."
       },
       {
         name: "Border",
         variable: "--border",
-        lightValue: "hsl(36 10% 82%)",
+        lightValue: "hsl(35 13% 82%)",
         darkValue: "hsl(220 20% 18%)",
         description: "Default border color."
       },
       {
         name: "Input",
         variable: "--input",
-        lightValue: "hsl(36 10% 82%)",
+        lightValue: "hsl(37 15% 76%)",
         darkValue: "hsl(220 25% 14%)",
         description: "Input border color."
       },
       {
         name: "Ring",
         variable: "--ring",
-        lightValue: "hsl(215 40% 13%)",
+        lightValue: "hsl(214 26% 17%)",
         darkValue: "hsl(215 25% 70%)",
         description: "Focus ring color."
       }
@@ -155,14 +155,14 @@ const r = {
       {
         name: "Warning",
         variable: "--warning",
-        lightValue: "oklch(0.78 0.14 80)",
+        lightValue: "hsl(38 92% 50%)",
         darkValue: "oklch(0.82 0.16 80)",
         description: "Warning state color."
       },
       {
         name: "Warning Foreground",
         variable: "--warning-foreground",
-        lightValue: "hsl(240 5% 10%)",
+        lightValue: "hsl(214 26% 17%)",
         darkValue: "hsl(222 30% 10%)",
         description: "Foreground color used on warning surfaces."
       },
@@ -183,7 +183,7 @@ const r = {
       {
         name: "Info",
         variable: "--info",
-        lightValue: "oklch(0.65 0.13 250)",
+        lightValue: "hsl(217 91% 60%)",
         darkValue: "oklch(0.7 0.15 250)",
         description: "Informational state color."
       },
@@ -251,7 +251,7 @@ const r = {
       {
         name: "Chrome Border",
         variable: "--chrome-border",
-        lightValue: "var(--border)",
+        lightValue: "hsl(33 11% 84%)",
         darkValue: "var(--border)",
         description: "Default shared shell divider color."
       },
@@ -292,56 +292,56 @@ const r = {
       {
         name: "Sidebar",
         variable: "--sidebar",
-        lightValue: "hsl(36 12% 91%)",
+        lightValue: "hsl(36 13% 92%)",
         darkValue: "hsl(222 28% 10%)",
         description: "Sidebar background."
       },
       {
         name: "Sidebar Foreground",
         variable: "--sidebar-foreground",
-        lightValue: "hsl(215 40% 13%)",
+        lightValue: "hsl(214 26% 17%)",
         darkValue: "hsl(210 20% 98%)",
         description: "Sidebar foreground color."
       },
       {
         name: "Sidebar Primary",
         variable: "--sidebar-primary",
-        lightValue: "hsl(215 40% 13%)",
+        lightValue: "hsl(214 26% 17%)",
         darkValue: "hsl(217 80% 55%)",
         description: "Primary emphasis color inside the sidebar."
       },
       {
         name: "Sidebar Primary Foreground",
         variable: "--sidebar-primary-foreground",
-        lightValue: "hsl(0 0% 98%)",
+        lightValue: "hsl(36 100% 99%)",
         darkValue: "hsl(0 0% 100%)",
         description: "Foreground color used on sidebar primary surfaces."
       },
       {
         name: "Sidebar Accent",
         variable: "--sidebar-accent",
-        lightValue: "hsl(36 12% 86%)",
+        lightValue: "hsl(34 11% 88%)",
         darkValue: "hsl(220 25% 16%)",
         description: "Accent surface used for sidebar hover and active states."
       },
       {
         name: "Sidebar Accent Foreground",
         variable: "--sidebar-accent-foreground",
-        lightValue: "hsl(215 40% 13%)",
+        lightValue: "hsl(214 26% 17%)",
         darkValue: "hsl(210 20% 98%)",
         description: "Foreground color used on sidebar accent surfaces."
       },
       {
         name: "Sidebar Border",
         variable: "--sidebar-border",
-        lightValue: "hsl(36 8% 84%)",
+        lightValue: "hsl(33 11% 84%)",
         darkValue: "hsl(220 20% 18%)",
         description: "Sidebar inner border color."
       },
       {
         name: "Sidebar Ring",
         variable: "--sidebar-ring",
-        lightValue: "hsl(215 40% 13%)",
+        lightValue: "hsl(214 26% 17%)",
         darkValue: "hsl(217 80% 55%)",
         description: "Focus ring color for sidebar elements."
       }
@@ -354,35 +354,35 @@ const r = {
       {
         name: "Activity Bar",
         variable: "--activity-bar",
-        lightValue: "hsl(36 10% 90%)",
+        lightValue: "hsl(36 13% 92%)",
         darkValue: "hsl(222 30% 9%)",
         description: "Activity bar background."
       },
       {
         name: "Activity Bar Foreground",
         variable: "--activity-bar-foreground",
-        lightValue: "hsl(215 20% 42%)",
+        lightValue: "hsl(215 16% 42%)",
         darkValue: "hsl(215 20% 55%)",
         description: "Default activity bar icon color."
       },
       {
         name: "Activity Bar Foreground Active",
         variable: "--activity-bar-foreground-active",
-        lightValue: "hsl(215 40% 13%)",
+        lightValue: "hsl(214 26% 17%)",
         darkValue: "hsl(210 20% 98%)",
         description: "Active activity bar icon color."
       },
       {
         name: "Activity Bar Badge",
         variable: "--activity-bar-badge",
-        lightValue: "hsl(215 40% 13%)",
+        lightValue: "hsl(214 26% 17%)",
         darkValue: "hsl(217 80% 55%)",
         description: "Activity bar badge background."
       },
       {
         name: "Activity Bar Badge Foreground",
         variable: "--activity-bar-badge-foreground",
-        lightValue: "hsl(0 0% 98%)",
+        lightValue: "hsl(36 100% 99%)",
         darkValue: "hsl(0 0% 100%)",
         description: "Activity bar badge foreground."
       }
@@ -395,7 +395,7 @@ const r = {
       {
         name: "Terminal Background",
         variable: "--terminal-background",
-        lightValue: "hsl(215 40% 13%)",
+        lightValue: "hsl(214 26% 17%)",
         darkValue: "hsl(222 32% 7%)",
         description: "Integrated terminal background."
       },
@@ -415,21 +415,21 @@ const r = {
       {
         name: "Chart 1",
         variable: "--chart-1",
-        lightValue: "hsl(215 40% 13%)",
+        lightValue: "hsl(214 26% 17%)",
         darkValue: "hsl(210 20% 98%)",
         description: "Primary chart series color."
       },
       {
         name: "Chart 2",
         variable: "--chart-2",
-        lightValue: "hsl(36 15% 60%)",
+        lightValue: "hsl(215 16% 42%)",
         darkValue: "hsl(215 20% 60%)",
         description: "Secondary chart series color."
       },
       {
         name: "Chart 3",
         variable: "--chart-3",
-        lightValue: "oklch(0.65 0.13 250)",
+        lightValue: "hsl(217 91% 60%)",
         darkValue: "oklch(0.7 0.15 250)",
         description: "Tertiary chart series color."
       },
@@ -443,7 +443,7 @@ const r = {
       {
         name: "Chart 5",
         variable: "--chart-5",
-        lightValue: "oklch(0.78 0.14 80)",
+        lightValue: "hsl(38 92% 50%)",
         darkValue: "oklch(0.82 0.16 80)",
         description: "Quinary chart series color."
       }
@@ -456,7 +456,7 @@ const r = {
       {
         name: "Selection Background",
         variable: "--selection-bg",
-        lightValue: "hsl(215 80% 55%)",
+        lightValue: "hsl(217 91% 60%)",
         darkValue: "hsl(215 70% 50%)",
         description: "Default text selection background."
       },
@@ -470,14 +470,14 @@ const r = {
       {
         name: "Selection On Primary Background",
         variable: "--selection-on-primary-bg",
-        lightValue: "hsl(45 100% 55%)",
+        lightValue: "hsl(38 92% 50%)",
         darkValue: "hsl(215 80% 35%)",
         description: "Selection background for text rendered on primary surfaces."
       },
       {
         name: "Selection On Primary Foreground",
         variable: "--selection-on-primary-fg",
-        lightValue: "hsl(0 0% 0%)",
+        lightValue: "hsl(214 26% 17%)",
         darkValue: "hsl(0 0% 100%)",
         description: "Selection foreground for text rendered on primary surfaces."
       },