@ivy-interactive/ivy-design-system 1.1.26 → 1.1.28

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-04-02T16:14:39.561Z
+    /// Generated on: 2026-04-09T13:20:11.591Z
     /// 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-04-02T16:14:39.561Z
+    /// Generated on: 2026-04-09T13:20:11.591Z
     /// Total tokens: 34
     /// </remarks>
     public static class IvyFrameworkChromaticTokens
@@ -74,55 +74,55 @@ namespace Ivy.Themes
             public static readonly string Teal = "#14b8a6";
 
             /// <summary>teal-foreground</summary>
-            public static readonly string TealForeground = "#ffffff";
+            public static readonly string TealForeground = "#000000";
 
             /// <summary>cyan</summary>
             public static readonly string Cyan = "#06b6d4";
 
             /// <summary>cyan-foreground</summary>
-            public static readonly string CyanForeground = "#ffffff";
+            public static readonly string CyanForeground = "#000000";
 
             /// <summary>sky</summary>
             public static readonly string Sky = "#0ea5e9";
 
             /// <summary>sky-foreground</summary>
-            public static readonly string SkyForeground = "#ffffff";
+            public static readonly string SkyForeground = "#000000";
 
             /// <summary>blue</summary>
             public static readonly string Blue = "#3b82f6";
 
             /// <summary>blue-foreground</summary>
-            public static readonly string BlueForeground = "#ffffff";
+            public static readonly string BlueForeground = "#000000";
 
             /// <summary>indigo</summary>
             public static readonly string Indigo = "#6366f1";
 
             /// <summary>indigo-foreground</summary>
-            public static readonly string IndigoForeground = "#ffffff";
+            public static readonly string IndigoForeground = "#000000";
 
             /// <summary>violet</summary>
             public static readonly string Violet = "#8b5cf6";
 
             /// <summary>violet-foreground</summary>
-            public static readonly string VioletForeground = "#ffffff";
+            public static readonly string VioletForeground = "#000000";
 
             /// <summary>purple</summary>
             public static readonly string Purple = "#a855f7";
 
             /// <summary>purple-foreground</summary>
-            public static readonly string PurpleForeground = "#ffffff";
+            public static readonly string PurpleForeground = "#000000";
 
             /// <summary>fuchsia</summary>
             public static readonly string Fuchsia = "#d946ef";
 
             /// <summary>fuchsia-foreground</summary>
-            public static readonly string FuchsiaForeground = "#000000";
+            public static readonly string FuchsiaForeground = "#ffffff";
 
             /// <summary>pink</summary>
             public static readonly string Pink = "#ec4899";
 
             /// <summary>pink-foreground</summary>
-            public static readonly string PinkForeground = "#000000";
+            public static readonly string PinkForeground = "#ffffff";
 
             /// <summary>rose</summary>
             public static readonly string Rose = "#f43f5e";

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-04-02T16:14:39.562Z
+    /// Generated on: 2026-04-09T13:20:11.593Z
     /// Total tokens: 25
     /// </remarks>
     public static class IvyFrameworkDarkThemeTokens
@@ -98,7 +98,7 @@ namespace Ivy.Themes
             public static readonly string CardForeground = "#f8f8f8";
 
             /// <summary>popover</summary>
-            public static readonly string Popover = "#000000";
+            public static readonly string Popover = "#171717";
 
             /// <summary>popover-foreground</summary>
             public static readonly string PopoverForeground = "#f8f8f8";

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-04-02T16:14:39.562Z
+    /// Generated on: 2026-04-09T13:20:11.592Z
     /// Total tokens: 25
     /// </remarks>
     public static class IvyFrameworkLightThemeTokens

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-04-02T16:14:39.561Z
+    /// Generated on: 2026-04-09T13:20:11.590Z
     /// 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-04-02T16:14:39.562Z
+    /// Generated on: 2026-04-09T13:20:11.592Z
     /// Total tokens: 8
     /// </remarks>
     public static class IvyFrameworkPaddingTokens

package/dist/csharp/IvyFrameworkShadowTokens.cs

@@ -0,0 +1,138 @@
+//------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by Ivy Design System build script.
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+// </auto-generated>
+//------------------------------------------------------------------------------
+
+#nullable enable
+
+using System.Linq;
+
+namespace Ivy.Themes
+{
+    /// <summary>
+    /// Design System tokens generated from Ivy Design System
+    /// Provides compile-time access to all design tokens
+    /// </summary>
+    /// <remarks>
+    /// Generated on: 2026-04-09T13:20:11.592Z
+    /// Total tokens: 7
+    /// </remarks>
+    public static class IvyFrameworkShadowTokens
+    {
+
+        /// <summary>
+        /// Design tokens for shadow
+        /// </summary>
+        public static class Shadow
+        {
+            /// <summary>none</summary>
+            public static readonly string None = "none";
+
+            /// <summary>sm</summary>
+            public static readonly string Sm = "0 1px 2px 0 rgba(0, 0, 0, 0.05)";
+
+            /// <summary>md</summary>
+            public static readonly string Md = "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)";
+
+            /// <summary>lg</summary>
+            public static readonly string Lg = "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)";
+
+            /// <summary>xl</summary>
+            public static readonly string Xl = "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)";
+
+            /// <summary>2xl</summary>
+            public static readonly string _2xl = "0 25px 50px -12px rgba(0, 0, 0, 0.25)";
+
+            /// <summary>inner</summary>
+            public static readonly string Inner = "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)";
+        }
+
+        /// <summary>
+        /// Generates CSS custom properties for all design tokens
+        /// </summary>
+        /// <param name="selector">CSS selector (default: ":root")</param>
+        /// <returns>CSS string with all custom properties</returns>
+        public static string GenerateCSS(string selector = ":root")
+        {
+            var css = new System.Text.StringBuilder();
+            css.AppendLine($"{selector} {{");
+
+            // Shadow tokens
+            foreach (var field in typeof(Shadow).GetFields(System.Reflection.BindingFlags.Public | System.Reflection.BindingFlags.Static))
+            {
+                if (field.FieldType == typeof(string))
+                {
+                    var name = string.Concat(field.Name.Select((x, i) => i > 0 && char.IsUpper(x) ? "-" + x.ToString() : x.ToString())).ToLower();
+                    var value = field.GetValue(null);
+                    css.AppendLine($"  --{name}: {value};");
+                }
+            }
+
+            css.AppendLine("}");
+            return css.ToString();
+        }
+
+        /// <summary>
+        /// Gets a token value by its CSS variable name
+        /// </summary>
+        /// <param name="tokenName">Token name in kebab-case (e.g., "color-brand-primary")</param>
+        /// <returns>Token value or null if not found</returns>
+        public static string? GetToken(string tokenName)
+        {
+            var propertyName = string.Concat(tokenName.Split('-').Select(s =>
+                char.ToUpper(s[0]) + s.Substring(1)));
+
+            var category = tokenName.Split('-')[0];
+            var categoryClassName = char.ToUpper(category[0]) + category.Substring(1);
+
+            var type = typeof(IvyFrameworkShadowTokens).GetNestedType(categoryClassName);
+            if (type == null) return null;
+
+            var field = type.GetField(propertyName, System.Reflection.BindingFlags.Public | System.Reflection.BindingFlags.Static);
+            return field?.GetValue(null) as string;
+        }
+
+        /// <summary>
+        /// Gets all token names
+        /// </summary>
+        /// <returns>Array of all token names in kebab-case</returns>
+        public static string[] GetAllTokenNames()
+        {
+            return new string[]
+            {
+                "none",
+                "sm",
+                "md",
+                "lg",
+                "xl",
+                "2xl",
+                "inner"
+            };
+        }
+
+        /// <summary>
+        /// Gets all token values as a dictionary
+        /// </summary>
+        /// <returns>Dictionary of token name -> value</returns>
+        public static System.Collections.Generic.Dictionary<string, string> GetAllTokens()
+        {
+            var tokens = new System.Collections.Generic.Dictionary<string, string>();
+
+            // Shadow tokens
+            foreach (var field in typeof(Shadow).GetFields(System.Reflection.BindingFlags.Public | System.Reflection.BindingFlags.Static))
+            {
+                if (field.FieldType == typeof(string))
+                {
+                    var name = string.Concat(field.Name.Select((x, i) => i > 0 && char.IsUpper(x) ? "-" + x.ToString() : x.ToString())).ToLower();
+                    var value = field.GetValue(null) as string;
+                    if (value != null) tokens[name] = value;
+                }
+            }
+
+            return tokens;
+        }
+    }
+}

package/dist/csharp/IvyFrameworkSourceTokens.cs

@@ -17,7 +17,7 @@ namespace Ivy.Themes
     /// Provides compile-time access to all design tokens
     /// </summary>
     /// <remarks>
-    /// Generated on: 2026-04-02T16:14:39.560Z
+    /// Generated on: 2026-04-09T13:20:11.590Z
     /// Total tokens: 60
     /// </remarks>
     public static class IvyFrameworkSourceTokens

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-04-02T16:14:39.563Z
+    /// Generated on: 2026-04-09T13:20:11.594Z
     /// 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-04-02T16:14:39.563Z
+    /// Generated on: 2026-04-09T13:20:11.594Z
     /// 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-04-02T16:14:39.563Z
+    /// Generated on: 2026-04-09T13:20:11.593Z
     /// Total tokens: 25
     /// </remarks>
     public static class IvyWebSourceTokens

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

@@ -15,23 +15,23 @@
   --emerald: #10b981;
   --emerald-foreground: #000000;
   --teal: #14b8a6;
-  --teal-foreground: #ffffff;
+  --teal-foreground: #000000;
   --cyan: #06b6d4;
-  --cyan-foreground: #ffffff;
+  --cyan-foreground: #000000;
   --sky: #0ea5e9;
-  --sky-foreground: #ffffff;
+  --sky-foreground: #000000;
   --blue: #3b82f6;
-  --blue-foreground: #ffffff;
+  --blue-foreground: #000000;
   --indigo: #6366f1;
-  --indigo-foreground: #ffffff;
+  --indigo-foreground: #000000;
   --violet: #8b5cf6;
-  --violet-foreground: #ffffff;
+  --violet-foreground: #000000;
   --purple: #a855f7;
-  --purple-foreground: #ffffff;
+  --purple-foreground: #000000;
   --fuchsia: #d946ef;
-  --fuchsia-foreground: #000000;
+  --fuchsia-foreground: #ffffff;
   --pink: #ec4899;
-  --pink-foreground: #000000;
+  --pink-foreground: #ffffff;
   --rose: #f43f5e;
   --rose-foreground: #000000;
   }

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

@@ -15,23 +15,23 @@
   --color-emerald: #10b981;
   --color-emerald-foreground: #000000;
   --color-teal: #14b8a6;
-  --color-teal-foreground: #ffffff;
+  --color-teal-foreground: #000000;
   --color-cyan: #06b6d4;
-  --color-cyan-foreground: #ffffff;
+  --color-cyan-foreground: #000000;
   --color-sky: #0ea5e9;
-  --color-sky-foreground: #ffffff;
+  --color-sky-foreground: #000000;
   --color-blue: #3b82f6;
-  --color-blue-foreground: #ffffff;
+  --color-blue-foreground: #000000;
   --color-indigo: #6366f1;
-  --color-indigo-foreground: #ffffff;
+  --color-indigo-foreground: #000000;
   --color-violet: #8b5cf6;
-  --color-violet-foreground: #ffffff;
+  --color-violet-foreground: #000000;
   --color-purple: #a855f7;
-  --color-purple-foreground: #ffffff;
+  --color-purple-foreground: #000000;
   --color-fuchsia: #d946ef;
-  --color-fuchsia-foreground: #000000;
+  --color-fuchsia-foreground: #ffffff;
   --color-pink: #ec4899;
-  --color-pink-foreground: #000000;
+  --color-pink-foreground: #ffffff;
   --color-rose: #f43f5e;
   --color-rose-foreground: #000000;
   }

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

@@ -23,7 +23,7 @@
   --accent-foreground: #f8f8f8;
   --card: #171717;
   --card-foreground: #f8f8f8;
-  --popover: #000000;
+  --popover: #171717;
   --popover-foreground: #f8f8f8;
   }
 }

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

@@ -23,7 +23,7 @@
   --color-accent-foreground: #f8f8f8;
   --color-card: #171717;
   --color-card-foreground: #f8f8f8;
-  --color-popover: #000000;
+  --color-popover: #171717;
   --color-popover-foreground: #f8f8f8;
   }
 }

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

@@ -0,0 +1,11 @@
+@layer base {
+  :root {
+  --none: none;
+  --sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  --md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  --lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  --xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  --2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  --inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+}

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

@@ -0,0 +1,11 @@
+@layer base {
+  :root {
+  --shadow-none: none;
+  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  --shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
+  }
+}

package/dist/tokens/index.json

@@ -446,7 +446,7 @@
             "type": "color"
           },
           "popover": {
-            "value": "{ivy-framework.source.color.black}",
+            "value": "{ivy-framework.source.color.card-dark}",
             "type": "color"
           },
           "popover-foreground": {
@@ -579,7 +579,7 @@
           "type": "color"
         },
         "teal-foreground": {
-          "value": "{ivy-framework.source.color.white}",
+          "value": "{ivy-framework.source.color.black}",
           "type": "color"
         },
         "cyan": {
@@ -587,7 +587,7 @@
           "type": "color"
         },
         "cyan-foreground": {
-          "value": "{ivy-framework.source.color.white}",
+          "value": "{ivy-framework.source.color.black}",
           "type": "color"
         },
         "sky": {
@@ -595,7 +595,7 @@
           "type": "color"
         },
         "sky-foreground": {
-          "value": "{ivy-framework.source.color.white}",
+          "value": "{ivy-framework.source.color.black}",
           "type": "color"
         },
         "blue": {
@@ -603,7 +603,7 @@
           "type": "color"
         },
         "blue-foreground": {
-          "value": "{ivy-framework.source.color.white}",
+          "value": "{ivy-framework.source.color.black}",
           "type": "color"
         },
         "indigo": {
@@ -611,7 +611,7 @@
           "type": "color"
         },
         "indigo-foreground": {
-          "value": "{ivy-framework.source.color.white}",
+          "value": "{ivy-framework.source.color.black}",
           "type": "color"
         },
         "violet": {
@@ -619,7 +619,7 @@
           "type": "color"
         },
         "violet-foreground": {
-          "value": "{ivy-framework.source.color.white}",
+          "value": "{ivy-framework.source.color.black}",
           "type": "color"
         },
         "purple": {
@@ -627,7 +627,7 @@
           "type": "color"
         },
         "purple-foreground": {
-          "value": "{ivy-framework.source.color.white}",
+          "value": "{ivy-framework.source.color.black}",
           "type": "color"
         },
         "fuchsia": {
@@ -635,7 +635,7 @@
           "type": "color"
         },
         "fuchsia-foreground": {
-          "value": "{ivy-framework.source.color.black}",
+          "value": "{ivy-framework.source.color.white}",
           "type": "color"
         },
         "pink": {
@@ -643,7 +643,7 @@
           "type": "color"
         },
         "pink-foreground": {
-          "value": "{ivy-framework.source.color.black}",
+          "value": "{ivy-framework.source.color.white}",
           "type": "color"
         },
         "rose": {
@@ -727,6 +727,38 @@
           "type": "spacing"
         }
       }
+    },
+    "shadow": {
+      "shadow": {
+        "none": {
+          "value": "none",
+          "type": "boxShadow"
+        },
+        "sm": {
+          "value": "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
+          "type": "boxShadow"
+        },
+        "md": {
+          "value": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+          "type": "boxShadow"
+        },
+        "lg": {
+          "value": "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
+          "type": "boxShadow"
+        },
+        "xl": {
+          "value": "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
+          "type": "boxShadow"
+        },
+        "2xl": {
+          "value": "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
+          "type": "boxShadow"
+        },
+        "inner": {
+          "value": "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)",
+          "type": "boxShadow"
+        }
+      }
     }
   },
   "ivy-web": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ivy-interactive/ivy-design-system",
-  "version": "1.1.26",
+  "version": "1.1.28",
   "publishConfig": {
     "access": "public"
   },
@@ -25,6 +25,8 @@
     "./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-framework-shadow": "./dist/css/ivy-framework-shadow.css",
+    "./css/ivy-framework-shadow.css": "./dist/css/ivy-framework-shadow.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",