@ivy-interactive/ivy-design-system 1.1.27 → 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-07T08:39:46.646Z
+    /// 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-07T08:39:46.646Z
+    /// Generated on: 2026-04-09T13:20:11.591Z
     /// Total tokens: 34
     /// </remarks>
     public static class IvyFrameworkChromaticTokens
@@ -128,7 +128,7 @@ namespace Ivy.Themes
             public static readonly string Rose = "#f43f5e";
 
             /// <summary>rose-foreground</summary>
-            public static readonly string RoseForeground = "#ffffff";
+            public static readonly string RoseForeground = "#000000";
         }
 
         /// <summary>

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-07T08:39:46.647Z
+    /// 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-07T08:39:46.647Z
+    /// 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-07T08:39:46.645Z
+    /// 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-07T08:39:46.647Z
+    /// 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-07T08:39:46.645Z
+    /// 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-07T08:39:46.649Z
+    /// 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-07T08:39:46.648Z
+    /// 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-07T08:39:46.648Z
+    /// Generated on: 2026-04-09T13:20:11.593Z
     /// Total tokens: 25
     /// </remarks>
     public static class IvyWebSourceTokens

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

@@ -33,6 +33,6 @@
   --pink: #ec4899;
   --pink-foreground: #ffffff;
   --rose: #f43f5e;
-  --rose-foreground: #ffffff;
+  --rose-foreground: #000000;
   }
 }

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

@@ -33,6 +33,6 @@
   --color-pink: #ec4899;
   --color-pink-foreground: #ffffff;
   --color-rose: #f43f5e;
-  --color-rose-foreground: #ffffff;
+  --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": {
@@ -651,7 +651,7 @@
           "type": "color"
         },
         "rose-foreground": {
-          "value": "{ivy-framework.source.color.white}",
+          "value": "{ivy-framework.source.color.black}",
           "type": "color"
         }
       }
@@ -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.27",
+  "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",