@ivy-interactive/ivy-design-system 1.1.21 → 1.1.23

package/dist/csharp/IvyFrameworkBorderRadiusTokens.cs

@@ -17,7 +17,7 @@ namespace Ivy.Themes
     /// Provides compile-time access to all design tokens
     /// </summary>
     /// <remarks>
-    /// Generated on: 2026-02-02T14:08:03.893Z
+    /// Generated on: 2026-04-02T15:53:31.896Z
     /// Total tokens: 8
     /// </remarks>
     public static class IvyFrameworkBorderRadiusTokens

package/dist/csharp/IvyFrameworkChromaticTokens.cs

@@ -17,7 +17,7 @@ namespace Ivy.Themes
     /// Provides compile-time access to all design tokens
     /// </summary>
     /// <remarks>
-    /// Generated on: 2026-02-02T14:08:03.893Z
+    /// Generated on: 2026-04-02T15:53:31.895Z
     /// Total tokens: 34
     /// </remarks>
     public static class IvyFrameworkChromaticTokens
@@ -29,103 +29,103 @@ namespace Ivy.Themes
         public static class Color
         {
             /// <summary>red</summary>
-            public static readonly string Red = "#dd5860";
+            public static readonly string Red = "#ef4444";
 
             /// <summary>red-foreground</summary>
             public static readonly string RedForeground = "#000000";
 
             /// <summary>orange</summary>
-            public static readonly string Orange = "#dc824d";
+            public static readonly string Orange = "#f97316";
 
             /// <summary>orange-foreground</summary>
             public static readonly string OrangeForeground = "#000000";
 
             /// <summary>amber</summary>
-            public static readonly string Amber = "#deb145";
+            public static readonly string Amber = "#f59e0b";
 
             /// <summary>amber-foreground</summary>
             public static readonly string AmberForeground = "#000000";
 
             /// <summary>yellow</summary>
-            public static readonly string Yellow = "#e5e04c";
+            public static readonly string Yellow = "#eab308";
 
             /// <summary>yellow-foreground</summary>
             public static readonly string YellowForeground = "#000000";
 
             /// <summary>lime</summary>
-            public static readonly string Lime = "#afd953";
+            public static readonly string Lime = "#84cc16";
 
             /// <summary>lime-foreground</summary>
             public static readonly string LimeForeground = "#000000";
 
             /// <summary>green</summary>
-            public static readonly string Green = "#86d26f";
+            public static readonly string Green = "#22c55e";
 
             /// <summary>green-foreground</summary>
             public static readonly string GreenForeground = "#000000";
 
             /// <summary>emerald</summary>
-            public static readonly string Emerald = "#76cd94";
+            public static readonly string Emerald = "#10b981";
 
             /// <summary>emerald-foreground</summary>
             public static readonly string EmeraldForeground = "#000000";
 
             /// <summary>teal</summary>
-            public static readonly string Teal = "#5b9ba8";
+            public static readonly string Teal = "#14b8a6";
 
             /// <summary>teal-foreground</summary>
             public static readonly string TealForeground = "#ffffff";
 
             /// <summary>cyan</summary>
-            public static readonly string Cyan = "#4469c0";
+            public static readonly string Cyan = "#06b6d4";
 
             /// <summary>cyan-foreground</summary>
             public static readonly string CyanForeground = "#ffffff";
 
             /// <summary>sky</summary>
-            public static readonly string Sky = "#373bda";
+            public static readonly string Sky = "#0ea5e9";
 
             /// <summary>sky-foreground</summary>
             public static readonly string SkyForeground = "#ffffff";
 
             /// <summary>blue</summary>
-            public static readonly string Blue = "#381ff4";
+            public static readonly string Blue = "#3b82f6";
 
             /// <summary>blue-foreground</summary>
             public static readonly string BlueForeground = "#ffffff";
 
             /// <summary>indigo</summary>
-            public static readonly string Indigo = "#4b28e2";
+            public static readonly string Indigo = "#6366f1";
 
             /// <summary>indigo-foreground</summary>
             public static readonly string IndigoForeground = "#ffffff";
 
             /// <summary>violet</summary>
-            public static readonly string Violet = "#6637d1";
+            public static readonly string Violet = "#8b5cf6";
 
             /// <summary>violet-foreground</summary>
             public static readonly string VioletForeground = "#ffffff";
 
             /// <summary>purple</summary>
-            public static readonly string Purple = "#844cc0";
+            public static readonly string Purple = "#a855f7";
 
             /// <summary>purple-foreground</summary>
             public static readonly string PurpleForeground = "#ffffff";
 
             /// <summary>fuchsia</summary>
-            public static readonly string Fuchsia = "#a361af";
+            public static readonly string Fuchsia = "#d946ef";
 
             /// <summary>fuchsia-foreground</summary>
             public static readonly string FuchsiaForeground = "#000000";
 
             /// <summary>pink</summary>
-            public static readonly string Pink = "#c377a0";
+            public static readonly string Pink = "#ec4899";
 
             /// <summary>pink-foreground</summary>
             public static readonly string PinkForeground = "#000000";
 
             /// <summary>rose</summary>
-            public static readonly string Rose = "#e48e91";
+            public static readonly string Rose = "#f43f5e";
 
             /// <summary>rose-foreground</summary>
             public static readonly string RoseForeground = "#000000";

package/dist/csharp/IvyFrameworkDarkThemeTokens.cs

@@ -17,7 +17,7 @@ namespace Ivy.Themes
     /// Provides compile-time access to all design tokens
     /// </summary>
     /// <remarks>
-    /// Generated on: 2026-02-02T14:08:03.895Z
+    /// Generated on: 2026-04-02T15:53:31.897Z
     /// Total tokens: 25
     /// </remarks>
     public static class IvyFrameworkDarkThemeTokens
@@ -29,37 +29,37 @@ namespace Ivy.Themes
         public static class Color
         {
             /// <summary>primary</summary>
-            public static readonly string Primary = "#00cc92";
+            public static readonly string Primary = "#e5e5e5";
 
             /// <summary>primary-foreground</summary>
             public static readonly string PrimaryForeground = "#000000";
 
             /// <summary>secondary</summary>
-            public static readonly string Secondary = "#26262b";
+            public static readonly string Secondary = "#262626";
 
             /// <summary>secondary-foreground</summary>
             public static readonly string SecondaryForeground = "#f8f8f8";
 
             /// <summary>destructive</summary>
-            public static readonly string Destructive = "#dd5860";
+            public static readonly string Destructive = "#ef4444";
 
             /// <summary>destructive-foreground</summary>
-            public static readonly string DestructiveForeground = "#f8f8f8";
+            public static readonly string DestructiveForeground = "#ffffff";
 
             /// <summary>success</summary>
-            public static readonly string Success = "#86d26f";
+            public static readonly string Success = "#22c55e";
 
             /// <summary>success-foreground</summary>
-            public static readonly string SuccessForeground = "#000000";
+            public static readonly string SuccessForeground = "#ffffff";
 
             /// <summary>warning</summary>
-            public static readonly string Warning = "#deb145";
+            public static readonly string Warning = "#f59e0b";
 
             /// <summary>warning-foreground</summary>
-            public static readonly string WarningForeground = "#000000";
+            public static readonly string WarningForeground = "#ffffff";
 
             /// <summary>info</summary>
-            public static readonly string Info = "#4469c0";
+            public static readonly string Info = "#3b82f6";
 
             /// <summary>info-foreground</summary>
             public static readonly string InfoForeground = "#ffffff";

package/dist/csharp/IvyFrameworkLightThemeTokens.cs

@@ -17,7 +17,7 @@ namespace Ivy.Themes
     /// Provides compile-time access to all design tokens
     /// </summary>
     /// <remarks>
-    /// Generated on: 2026-02-02T14:08:03.894Z
+    /// Generated on: 2026-04-02T15:53:31.896Z
     /// Total tokens: 25
     /// </remarks>
     public static class IvyFrameworkLightThemeTokens
@@ -29,37 +29,37 @@ namespace Ivy.Themes
         public static class Color
         {
             /// <summary>primary</summary>
-            public static readonly string Primary = "#00cc92";
+            public static readonly string Primary = "#000000";
 
             /// <summary>primary-foreground</summary>
-            public static readonly string PrimaryForeground = "#000000";
+            public static readonly string PrimaryForeground = "#ffffff";
 
             /// <summary>secondary</summary>
-            public static readonly string Secondary = "#dfe7e3";
+            public static readonly string Secondary = "#e5e5e5";
 
             /// <summary>secondary-foreground</summary>
             public static readonly string SecondaryForeground = "#000000";
 
             /// <summary>destructive</summary>
-            public static readonly string Destructive = "#dd5860";
+            public static readonly string Destructive = "#ef4444";
 
             /// <summary>destructive-foreground</summary>
             public static readonly string DestructiveForeground = "#000000";
 
             /// <summary>success</summary>
-            public static readonly string Success = "#86d26f";
+            public static readonly string Success = "#22c55e";
 
             /// <summary>success-foreground</summary>
             public static readonly string SuccessForeground = "#000000";
 
             /// <summary>warning</summary>
-            public static readonly string Warning = "#deb145";
+            public static readonly string Warning = "#f59e0b";
 
             /// <summary>warning-foreground</summary>
             public static readonly string WarningForeground = "#000000";
 
             /// <summary>info</summary>
-            public static readonly string Info = "#4469c0";
+            public static readonly string Info = "#3b82f6";
 
             /// <summary>info-foreground</summary>
             public static readonly string InfoForeground = "#ffffff";

package/dist/csharp/IvyFrameworkNeutralTokens.cs

@@ -17,7 +17,7 @@ namespace Ivy.Themes
     /// Provides compile-time access to all design tokens
     /// </summary>
     /// <remarks>
-    /// Generated on: 2026-02-02T14:08:03.892Z
+    /// Generated on: 2026-04-02T15:53:31.895Z
     /// Total tokens: 14
     /// </remarks>
     public static class IvyFrameworkNeutralTokens

package/dist/csharp/IvyFrameworkPaddingTokens.cs

@@ -17,7 +17,7 @@ namespace Ivy.Themes
     /// Provides compile-time access to all design tokens
     /// </summary>
     /// <remarks>
-    /// Generated on: 2026-02-02T14:08:03.894Z
+    /// Generated on: 2026-04-02T15:53:31.896Z
     /// Total tokens: 8
     /// </remarks>
     public static class IvyFrameworkPaddingTokens

package/dist/csharp/IvyFrameworkSourceTokens.cs

@@ -17,8 +17,8 @@ namespace Ivy.Themes
     /// Provides compile-time access to all design tokens
     /// </summary>
     /// <remarks>
-    /// Generated on: 2026-02-02T14:08:03.891Z
-    /// Total tokens: 59
+    /// Generated on: 2026-04-02T15:53:31.894Z
+    /// Total tokens: 60
     /// </remarks>
     public static class IvyFrameworkSourceTokens
     {
@@ -38,26 +38,29 @@ namespace Ivy.Themes
             public static readonly string White = "#ffffff";
 
             /// <summary>secondary-light</summary>
-            public static readonly string SecondaryLight = "#dfe7e3";
+            public static readonly string SecondaryLight = "#e5e5e5";
 
             /// <summary>secondary-dark</summary>
-            public static readonly string SecondaryDark = "#26262b";
+            public static readonly string SecondaryDark = "#262626";
 
             /// <summary>destructive</summary>
-            public static readonly string Destructive = "#dd5860";
+            public static readonly string Destructive = "#ef4444";
 
             /// <summary>success</summary>
-            public static readonly string Success = "#86d26f";
+            public static readonly string Success = "#22c55e";
 
             /// <summary>warning</summary>
-            public static readonly string Warning = "#deb145";
+            public static readonly string Warning = "#f59e0b";
 
             /// <summary>info</summary>
-            public static readonly string Info = "#4469c0";
+            public static readonly string Info = "#3b82f6";
 
             /// <summary>border</summary>
             public static readonly string Border = "#d1d5db";
 
+            /// <summary>border-secondary</summary>
+            public static readonly string BorderSecondary = "#3c3c3c";
+
             /// <summary>ring</summary>
             public static readonly string Ring = "#777777";
 
@@ -83,55 +86,55 @@ namespace Ivy.Themes
             public static readonly string BackgroundDark = "#0a0a0a";
 
             /// <summary>red</summary>
-            public static readonly string Red = "#dd5860";
+            public static readonly string Red = "#ef4444";
 
             /// <summary>orange</summary>
-            public static readonly string Orange = "#dc824d";
+            public static readonly string Orange = "#f97316";
 
             /// <summary>amber</summary>
-            public static readonly string Amber = "#deb145";
+            public static readonly string Amber = "#f59e0b";
 
             /// <summary>yellow</summary>
-            public static readonly string Yellow = "#e5e04c";
+            public static readonly string Yellow = "#eab308";
 
             /// <summary>lime</summary>
-            public static readonly string Lime = "#afd953";
+            public static readonly string Lime = "#84cc16";
 
             /// <summary>green</summary>
-            public static readonly string Green = "#86d26f";
+            public static readonly string Green = "#22c55e";
 
             /// <summary>emerald</summary>
-            public static readonly string Emerald = "#76cd94";
+            public static readonly string Emerald = "#10b981";
 
             /// <summary>teal</summary>
-            public static readonly string Teal = "#5b9ba8";
+            public static readonly string Teal = "#14b8a6";
 
             /// <summary>cyan</summary>
-            public static readonly string Cyan = "#4469c0";
+            public static readonly string Cyan = "#06b6d4";
 
             /// <summary>sky</summary>
-            public static readonly string Sky = "#373bda";
+            public static readonly string Sky = "#0ea5e9";
 
             /// <summary>blue</summary>
-            public static readonly string Blue = "#381ff4";
+            public static readonly string Blue = "#3b82f6";
 
             /// <summary>indigo</summary>
-            public static readonly string Indigo = "#4b28e2";
+            public static readonly string Indigo = "#6366f1";
 
             /// <summary>violet</summary>
-            public static readonly string Violet = "#6637d1";
+            public static readonly string Violet = "#8b5cf6";
 
             /// <summary>purple</summary>
-            public static readonly string Purple = "#844cc0";
+            public static readonly string Purple = "#a855f7";
 
             /// <summary>fuchsia</summary>
-            public static readonly string Fuchsia = "#a361af";
+            public static readonly string Fuchsia = "#d946ef";
 
             /// <summary>pink</summary>
-            public static readonly string Pink = "#c377a0";
+            public static readonly string Pink = "#ec4899";
 
             /// <summary>rose</summary>
-            public static readonly string Rose = "#e48e91";
+            public static readonly string Rose = "#f43f5e";
 
             /// <summary>slate</summary>
             public static readonly string Slate = "#64748b";
@@ -285,6 +288,7 @@ namespace Ivy.Themes
                 "warning",
                 "info",
                 "border",
+                "border-secondary",
                 "ring",
                 "muted-light",
                 "muted-dark",

package/dist/csharp/IvyWebDarkThemeTokens.cs

@@ -17,7 +17,7 @@ namespace Ivy.Themes
     /// Provides compile-time access to all design tokens
     /// </summary>
     /// <remarks>
-    /// Generated on: 2026-02-02T14:08:03.896Z
+    /// Generated on: 2026-04-02T15:53:31.898Z
     /// Total tokens: 24
     /// </remarks>
     public static class IvyWebDarkThemeTokens

package/dist/csharp/IvyWebLightThemeTokens.cs

@@ -17,7 +17,7 @@ namespace Ivy.Themes
     /// Provides compile-time access to all design tokens
     /// </summary>
     /// <remarks>
-    /// Generated on: 2026-02-02T14:08:03.896Z
+    /// Generated on: 2026-04-02T15:53:31.898Z
     /// Total tokens: 24
     /// </remarks>
     public static class IvyWebLightThemeTokens

package/dist/csharp/IvyWebSourceTokens.cs

@@ -17,7 +17,7 @@ namespace Ivy.Themes
     /// Provides compile-time access to all design tokens
     /// </summary>
     /// <remarks>
-    /// Generated on: 2026-02-02T14:08:03.895Z
+    /// Generated on: 2026-04-02T15:53:31.897Z
     /// Total tokens: 25
     /// </remarks>
     public static class IvyWebSourceTokens

package/dist/css/ivy-framework-chromatic-flat.css

@@ -1,38 +1,38 @@
 @layer base {
   :root {
-  --red: #dd5860;
+  --red: #ef4444;
   --red-foreground: #000000;
-  --orange: #dc824d;
+  --orange: #f97316;
   --orange-foreground: #000000;
-  --amber: #deb145;
+  --amber: #f59e0b;
   --amber-foreground: #000000;
-  --yellow: #e5e04c;
+  --yellow: #eab308;
   --yellow-foreground: #000000;
-  --lime: #afd953;
+  --lime: #84cc16;
   --lime-foreground: #000000;
-  --green: #86d26f;
+  --green: #22c55e;
   --green-foreground: #000000;
-  --emerald: #76cd94;
+  --emerald: #10b981;
   --emerald-foreground: #000000;
-  --teal: #5b9ba8;
+  --teal: #14b8a6;
   --teal-foreground: #ffffff;
-  --cyan: #4469c0;
+  --cyan: #06b6d4;
   --cyan-foreground: #ffffff;
-  --sky: #373bda;
+  --sky: #0ea5e9;
   --sky-foreground: #ffffff;
-  --blue: #381ff4;
+  --blue: #3b82f6;
   --blue-foreground: #ffffff;
-  --indigo: #4b28e2;
+  --indigo: #6366f1;
   --indigo-foreground: #ffffff;
-  --violet: #6637d1;
+  --violet: #8b5cf6;
   --violet-foreground: #ffffff;
-  --purple: #844cc0;
+  --purple: #a855f7;
   --purple-foreground: #ffffff;
-  --fuchsia: #a361af;
+  --fuchsia: #d946ef;
   --fuchsia-foreground: #000000;
-  --pink: #c377a0;
+  --pink: #ec4899;
   --pink-foreground: #000000;
-  --rose: #e48e91;
+  --rose: #f43f5e;
   --rose-foreground: #000000;
   }
 }

package/dist/css/ivy-framework-chromatic.css

@@ -1,38 +1,38 @@
 @layer base {
   :root {
-  --color-red: #dd5860;
+  --color-red: #ef4444;
   --color-red-foreground: #000000;
-  --color-orange: #dc824d;
+  --color-orange: #f97316;
   --color-orange-foreground: #000000;
-  --color-amber: #deb145;
+  --color-amber: #f59e0b;
   --color-amber-foreground: #000000;
-  --color-yellow: #e5e04c;
+  --color-yellow: #eab308;
   --color-yellow-foreground: #000000;
-  --color-lime: #afd953;
+  --color-lime: #84cc16;
   --color-lime-foreground: #000000;
-  --color-green: #86d26f;
+  --color-green: #22c55e;
   --color-green-foreground: #000000;
-  --color-emerald: #76cd94;
+  --color-emerald: #10b981;
   --color-emerald-foreground: #000000;
-  --color-teal: #5b9ba8;
+  --color-teal: #14b8a6;
   --color-teal-foreground: #ffffff;
-  --color-cyan: #4469c0;
+  --color-cyan: #06b6d4;
   --color-cyan-foreground: #ffffff;
-  --color-sky: #373bda;
+  --color-sky: #0ea5e9;
   --color-sky-foreground: #ffffff;
-  --color-blue: #381ff4;
+  --color-blue: #3b82f6;
   --color-blue-foreground: #ffffff;
-  --color-indigo: #4b28e2;
+  --color-indigo: #6366f1;
   --color-indigo-foreground: #ffffff;
-  --color-violet: #6637d1;
+  --color-violet: #8b5cf6;
   --color-violet-foreground: #ffffff;
-  --color-purple: #844cc0;
+  --color-purple: #a855f7;
   --color-purple-foreground: #ffffff;
-  --color-fuchsia: #a361af;
+  --color-fuchsia: #d946ef;
   --color-fuchsia-foreground: #000000;
-  --color-pink: #c377a0;
+  --color-pink: #ec4899;
   --color-pink-foreground: #000000;
-  --color-rose: #e48e91;
+  --color-rose: #f43f5e;
   --color-rose-foreground: #000000;
   }
 }

package/dist/css/ivy-framework-dark-flat.css

@@ -1,16 +1,16 @@
 @layer base {
   .dark {
-  --primary: #00cc92;
+  --primary: #e5e5e5;
   --primary-foreground: #000000;
-  --secondary: #26262b;
+  --secondary: #262626;
   --secondary-foreground: #f8f8f8;
-  --destructive: #dd5860;
-  --destructive-foreground: #f8f8f8;
-  --success: #86d26f;
-  --success-foreground: #000000;
-  --warning: #deb145;
-  --warning-foreground: #000000;
-  --info: #4469c0;
+  --destructive: #ef4444;
+  --destructive-foreground: #ffffff;
+  --success: #22c55e;
+  --success-foreground: #ffffff;
+  --warning: #f59e0b;
+  --warning-foreground: #ffffff;
+  --info: #3b82f6;
   --info-foreground: #ffffff;
   --background: #0a0a0a;
   --foreground: #f8f8f8;

package/dist/css/ivy-framework-dark.css

@@ -1,16 +1,16 @@
 @layer base {
   .dark {
-  --color-primary: #00cc92;
+  --color-primary: #e5e5e5;
   --color-primary-foreground: #000000;
-  --color-secondary: #26262b;
+  --color-secondary: #262626;
   --color-secondary-foreground: #f8f8f8;
-  --color-destructive: #dd5860;
-  --color-destructive-foreground: #f8f8f8;
-  --color-success: #86d26f;
-  --color-success-foreground: #000000;
-  --color-warning: #deb145;
-  --color-warning-foreground: #000000;
-  --color-info: #4469c0;
+  --color-destructive: #ef4444;
+  --color-destructive-foreground: #ffffff;
+  --color-success: #22c55e;
+  --color-success-foreground: #ffffff;
+  --color-warning: #f59e0b;
+  --color-warning-foreground: #ffffff;
+  --color-info: #3b82f6;
   --color-info-foreground: #ffffff;
   --color-background: #0a0a0a;
   --color-foreground: #f8f8f8;

package/dist/css/ivy-framework-light.css

@@ -1,16 +1,16 @@
 @layer base {
   :root {
-  --color-primary: #00cc92;
-  --color-primary-foreground: #000000;
-  --color-secondary: #dfe7e3;
+  --color-primary: #000000;
+  --color-primary-foreground: #ffffff;
+  --color-secondary: #e5e5e5;
   --color-secondary-foreground: #000000;
-  --color-destructive: #dd5860;
+  --color-destructive: #ef4444;
   --color-destructive-foreground: #000000;
-  --color-success: #86d26f;
+  --color-success: #22c55e;
   --color-success-foreground: #000000;
-  --color-warning: #deb145;
+  --color-warning: #f59e0b;
   --color-warning-foreground: #000000;
-  --color-info: #4469c0;
+  --color-info: #3b82f6;
   --color-info-foreground: #ffffff;
   --color-background: #ffffff;
   --color-foreground: #000000;

package/dist/css/ivy-framework-source-flat.css

@@ -3,13 +3,14 @@
   --primary: #00cc92;
   --black: #000000;
   --white: #ffffff;
-  --secondary-light: #dfe7e3;
-  --secondary-dark: #26262b;
-  --destructive: #dd5860;
-  --success: #86d26f;
-  --warning: #deb145;
-  --info: #4469c0;
+  --secondary-light: #e5e5e5;
+  --secondary-dark: #262626;
+  --destructive: #ef4444;
+  --success: #22c55e;
+  --warning: #f59e0b;
+  --info: #3b82f6;
   --border: #d1d5db;
+  --border-secondary: #3c3c3c;
   --ring: #777777;
   --muted-light: #f8f8f8;
   --muted-dark: #1a1a1a;
@@ -18,23 +19,23 @@
   --card-foreground-light: #262626;
   --card-dark: #171717;
   --background-dark: #0a0a0a;
-  --red: #dd5860;
-  --orange: #dc824d;
-  --amber: #deb145;
-  --yellow: #e5e04c;
-  --lime: #afd953;
-  --green: #86d26f;
-  --emerald: #76cd94;
-  --teal: #5b9ba8;
-  --cyan: #4469c0;
-  --sky: #373bda;
-  --blue: #381ff4;
-  --indigo: #4b28e2;
-  --violet: #6637d1;
-  --purple: #844cc0;
-  --fuchsia: #a361af;
-  --pink: #c377a0;
-  --rose: #e48e91;
+  --red: #ef4444;
+  --orange: #f97316;
+  --amber: #f59e0b;
+  --yellow: #eab308;
+  --lime: #84cc16;
+  --green: #22c55e;
+  --emerald: #10b981;
+  --teal: #14b8a6;
+  --cyan: #06b6d4;
+  --sky: #0ea5e9;
+  --blue: #3b82f6;
+  --indigo: #6366f1;
+  --violet: #8b5cf6;
+  --purple: #a855f7;
+  --fuchsia: #d946ef;
+  --pink: #ec4899;
+  --rose: #f43f5e;
   --slate: #64748b;
   --gray: #6b7280;
   --zinc: #71717a;

package/dist/css/ivy-framework-source.css

@@ -3,13 +3,14 @@
   --color-primary: #00cc92;
   --color-black: #000000;
   --color-white: #ffffff;
-  --color-secondary-light: #dfe7e3;
-  --color-secondary-dark: #26262b;
-  --color-destructive: #dd5860;
-  --color-success: #86d26f;
-  --color-warning: #deb145;
-  --color-info: #4469c0;
+  --color-secondary-light: #e5e5e5;
+  --color-secondary-dark: #262626;
+  --color-destructive: #ef4444;
+  --color-success: #22c55e;
+  --color-warning: #f59e0b;
+  --color-info: #3b82f6;
   --color-border: #d1d5db;
+  --color-border-secondary: #3c3c3c;
   --color-ring: #777777;
   --color-muted-light: #f8f8f8;
   --color-muted-dark: #1a1a1a;
@@ -18,23 +19,23 @@
   --color-card-foreground-light: #262626;
   --color-card-dark: #171717;
   --color-background-dark: #0a0a0a;
-  --color-red: #dd5860;
-  --color-orange: #dc824d;
-  --color-amber: #deb145;
-  --color-yellow: #e5e04c;
-  --color-lime: #afd953;
-  --color-green: #86d26f;
-  --color-emerald: #76cd94;
-  --color-teal: #5b9ba8;
-  --color-cyan: #4469c0;
-  --color-sky: #373bda;
-  --color-blue: #381ff4;
-  --color-indigo: #4b28e2;
-  --color-violet: #6637d1;
-  --color-purple: #844cc0;
-  --color-fuchsia: #a361af;
-  --color-pink: #c377a0;
-  --color-rose: #e48e91;
+  --color-red: #ef4444;
+  --color-orange: #f97316;
+  --color-amber: #f59e0b;
+  --color-yellow: #eab308;
+  --color-lime: #84cc16;
+  --color-green: #22c55e;
+  --color-emerald: #10b981;
+  --color-teal: #14b8a6;
+  --color-cyan: #06b6d4;
+  --color-sky: #0ea5e9;
+  --color-blue: #3b82f6;
+  --color-indigo: #6366f1;
+  --color-violet: #8b5cf6;
+  --color-purple: #a855f7;
+  --color-fuchsia: #d946ef;
+  --color-pink: #ec4899;
+  --color-rose: #f43f5e;
   --color-slate: #64748b;
   --color-gray: #6b7280;
   --color-zinc: #71717a;

package/dist/js/index.d.ts

@@ -13,6 +13,7 @@ export type TokenName =
   | 'color-warning'
   | 'color-info'
   | 'color-border'
+  | 'color-border-secondary'
   | 'color-ring'
   | 'color-muted-light'
   | 'color-muted-dark'

package/dist/js/index.js

@@ -13,6 +13,7 @@ export const tokens = {
   "color-warning": "var(--color-warning)",
   "color-info": "var(--color-info)",
   "color-border": "var(--color-border)",
+  "color-border-secondary": "var(--color-border-secondary)",
   "color-ring": "var(--color-ring)",
   "color-muted-light": "var(--color-muted-light)",
   "color-muted-dark": "var(--color-muted-dark)",

package/dist/tailwind/ivy-framework.js

@@ -12,6 +12,7 @@ export default {
         "warning": "var(--color-warning)",
         "info": "var(--color-info)",
         "border": "var(--color-border)",
+        "border-secondary": "var(--color-border-secondary)",
         "ring": "var(--color-ring)",
         "muted-light": "var(--color-muted-light)",
         "muted-dark": "var(--color-muted-dark)",

package/dist/tokens/index.json

@@ -15,33 +15,37 @@
           "type": "color"
         },
         "secondary-light": {
-          "value": "#dfe7e3",
+          "value": "#e5e5e5",
           "type": "color"
         },
         "secondary-dark": {
-          "value": "#26262b",
+          "value": "#262626",
           "type": "color"
         },
         "destructive": {
-          "value": "#dd5860",
+          "value": "#ef4444",
           "type": "color"
         },
         "success": {
-          "value": "#86d26f",
+          "value": "#22c55e",
           "type": "color"
         },
         "warning": {
-          "value": "#deb145",
+          "value": "#f59e0b",
           "type": "color"
         },
         "info": {
-          "value": "#4469c0",
+          "value": "#3b82f6",
           "type": "color"
         },
         "border": {
           "value": "#d1d5db",
           "type": "color"
         },
+        "border-secondary": {
+          "value": "#3c3c3c",
+          "type": "color"
+        },
         "ring": {
           "value": "#777777",
           "type": "color"
@@ -75,71 +79,71 @@
           "type": "color"
         },
         "red": {
-          "value": "#dd5860",
+          "value": "#ef4444",
           "type": "color"
         },
         "orange": {
-          "value": "#dc824d",
+          "value": "#f97316",
           "type": "color"
         },
         "amber": {
-          "value": "#deb145",
+          "value": "#f59e0b",
           "type": "color"
         },
         "yellow": {
-          "value": "#e5e04c",
+          "value": "#eab308",
           "type": "color"
         },
         "lime": {
-          "value": "#afd953",
+          "value": "#84cc16",
           "type": "color"
         },
         "green": {
-          "value": "#86d26f",
+          "value": "#22c55e",
           "type": "color"
         },
         "emerald": {
-          "value": "#76cd94",
+          "value": "#10b981",
           "type": "color"
         },
         "teal": {
-          "value": "#5b9ba8",
+          "value": "#14b8a6",
           "type": "color"
         },
         "cyan": {
-          "value": "#4469c0",
+          "value": "#06b6d4",
           "type": "color"
         },
         "sky": {
-          "value": "#373bda",
+          "value": "#0ea5e9",
           "type": "color"
         },
         "blue": {
-          "value": "#381ff4",
+          "value": "#3b82f6",
           "type": "color"
         },
         "indigo": {
-          "value": "#4b28e2",
+          "value": "#6366f1",
           "type": "color"
         },
         "violet": {
-          "value": "#6637d1",
+          "value": "#8b5cf6",
           "type": "color"
         },
         "purple": {
-          "value": "#844cc0",
+          "value": "#a855f7",
           "type": "color"
         },
         "fuchsia": {
-          "value": "#a361af",
+          "value": "#d946ef",
           "type": "color"
         },
         "pink": {
-          "value": "#c377a0",
+          "value": "#ec4899",
           "type": "color"
         },
         "rose": {
-          "value": "#e48e91",
+          "value": "#f43f5e",
           "type": "color"
         },
         "slate": {
@@ -246,11 +250,11 @@
       "light": {
         "color": {
           "primary": {
-            "value": "{ivy-framework.source.color.primary}",
+            "value": "{ivy-framework.source.color.black}",
             "type": "color"
           },
           "primary-foreground": {
-            "value": "{ivy-framework.source.color.black}",
+            "value": "{ivy-framework.source.color.white}",
             "type": "color"
           },
           "secondary": {
@@ -350,7 +354,7 @@
       "dark": {
         "color": {
           "primary": {
-            "value": "{ivy-framework.source.color.primary}",
+            "value": "{ivy-framework.source.color.secondary-light}",
             "type": "color"
           },
           "primary-foreground": {
@@ -370,7 +374,7 @@
             "type": "color"
           },
           "destructive-foreground": {
-            "value": "{ivy-framework.source.color.muted-light}",
+            "value": "{ivy-framework.source.color.white}",
             "type": "color"
           },
           "success": {
@@ -378,7 +382,7 @@
             "type": "color"
           },
           "success-foreground": {
-            "value": "{ivy-framework.source.color.black}",
+            "value": "{ivy-framework.source.color.white}",
             "type": "color"
           },
           "warning": {
@@ -386,7 +390,7 @@
             "type": "color"
           },
           "warning-foreground": {
-            "value": "{ivy-framework.source.color.black}",
+            "value": "{ivy-framework.source.color.white}",
             "type": "color"
           },
           "info": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ivy-interactive/ivy-design-system",
-  "version": "1.1.21",
+  "version": "1.1.23",
   "publishConfig": {
     "access": "public"
   },
@@ -15,6 +15,16 @@
     },
     "./css/ivy-framework": "./dist/css/ivy-framework.css",
     "./css/ivy-framework-flat": "./dist/css/ivy-framework-flat.css",
+    "./css/ivy-framework-source": "./dist/css/ivy-framework-source.css",
+    "./css/ivy-framework-source.css": "./dist/css/ivy-framework-source.css",
+    "./css/ivy-framework-light": "./dist/css/ivy-framework-light.css",
+    "./css/ivy-framework-light.css": "./dist/css/ivy-framework-light.css",
+    "./css/ivy-framework-dark": "./dist/css/ivy-framework-dark.css",
+    "./css/ivy-framework-dark.css": "./dist/css/ivy-framework-dark.css",
+    "./css/ivy-framework-chromatic": "./dist/css/ivy-framework-chromatic.css",
+    "./css/ivy-framework-chromatic.css": "./dist/css/ivy-framework-chromatic.css",
+    "./css/ivy-framework-neutral": "./dist/css/ivy-framework-neutral.css",
+    "./css/ivy-framework-neutral.css": "./dist/css/ivy-framework-neutral.css",
     "./css/ivy-web": "./dist/css/ivy-web-light.css",
     "./css/ivy-web-light": "./dist/css/ivy-web-light.css",
     "./css/ivy-web-dark": "./dist/css/ivy-web-dark.css",
@@ -47,7 +57,9 @@
     "prepublishOnly": "npm run clean && npm run build",
     "test": "vitest run",
     "test:watch": "vitest",
-    "test:ui": "vitest --ui"
+    "test:ui": "vitest --ui",
+    "demo": "npm run build && cd demo && npm install && npm run dev",
+    "demo:dev": "cd demo && npm run dev"
   },
   "keywords": [
     "design-tokens",