@ivy-interactive/ivy-design-system 1.1.16

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Ivy Interactive
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,83 @@
+# Ivy Design System
+
+Color tokens for Ivy-Framework with light and dark theme support.
+
+## Installation
+
+**npm**
+
+```bash
+npm install ivy-design-system
+```
+
+**.NET**
+
+```bash
+dotnet add package Ivy.DesignSystem
+```
+
+## Usage
+
+### CSS
+
+```css
+@import "ivy-design-system/css/ivy-framework";
+@import "ivy-design-system/css/light";
+
+.button {
+  background: var(--color-primary);
+  color: var(--color-primary-foreground);
+}
+```
+
+### Tailwind
+
+```javascript
+import ivyTokens from "ivy-design-system/tailwind/ivy-framework";
+
+export default {
+  ...ivyTokens,
+  content: ["./src/**/*.{js,jsx,ts,tsx}"],
+};
+```
+
+### TypeScript
+
+```typescript
+import { tokens } from "ivy-design-system";
+
+const primary = tokens["color-primary"];
+```
+
+### C#
+
+```csharp
+using Ivy.Themes;
+
+var primary = IvyFrameworkTokens.Color.Primary;
+var background = LightThemeTokens.Color.Background;
+```
+
+## Tokens
+
+- **Semantic**: primary, secondary, destructive, success, warning, info
+- **UI**: background, foreground, border, input, ring, muted, accent, card, popover
+- All tokens include foreground variants
+- Light and dark theme support
+
+Tokens are defined in `figma-tokens/$tokens.json` and exported to CSS, Tailwind, TypeScript, and C#.
+
+## Development
+
+```bash
+npm install
+npm run build
+```
+
+## Links
+
+- [GitHub](https://github.com/Ivy-Interactive/Ivy-Design-System)
+- [npm](https://www.npmjs.com/package/ivy-design-system)
+- [NuGet](https://www.nuget.org/packages/Ivy.DesignSystem)
+
+MIT © Ivy Interactive

package/dist/csharp/IvyFrameworkChromaticTokens.cs

@@ -0,0 +1,246 @@
+//------------------------------------------------------------------------------
+// <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: 2025-12-27T21:08:13.587Z
+    /// Total tokens: 34
+    /// </remarks>
+    public static class IvyFrameworkChromaticTokens
+    {
+
+        /// <summary>
+        /// Design tokens for color
+        /// </summary>
+        public static class Color
+        {
+            /// <summary>red</summary>
+            public static readonly string Red = "#dd5860";
+
+            /// <summary>red-foreground</summary>
+            public static readonly string RedForeground = "#000000";
+
+            /// <summary>orange</summary>
+            public static readonly string Orange = "#dc824d";
+
+            /// <summary>orange-foreground</summary>
+            public static readonly string OrangeForeground = "#000000";
+
+            /// <summary>amber</summary>
+            public static readonly string Amber = "#deb145";
+
+            /// <summary>amber-foreground</summary>
+            public static readonly string AmberForeground = "#000000";
+
+            /// <summary>yellow</summary>
+            public static readonly string Yellow = "#e5e04c";
+
+            /// <summary>yellow-foreground</summary>
+            public static readonly string YellowForeground = "#000000";
+
+            /// <summary>lime</summary>
+            public static readonly string Lime = "#afd953";
+
+            /// <summary>lime-foreground</summary>
+            public static readonly string LimeForeground = "#000000";
+
+            /// <summary>green</summary>
+            public static readonly string Green = "#86d26f";
+
+            /// <summary>green-foreground</summary>
+            public static readonly string GreenForeground = "#000000";
+
+            /// <summary>emerald</summary>
+            public static readonly string Emerald = "#76cd94";
+
+            /// <summary>emerald-foreground</summary>
+            public static readonly string EmeraldForeground = "#000000";
+
+            /// <summary>teal</summary>
+            public static readonly string Teal = "#5b9ba8";
+
+            /// <summary>teal-foreground</summary>
+            public static readonly string TealForeground = "#ffffff";
+
+            /// <summary>cyan</summary>
+            public static readonly string Cyan = "#4469c0";
+
+            /// <summary>cyan-foreground</summary>
+            public static readonly string CyanForeground = "#ffffff";
+
+            /// <summary>sky</summary>
+            public static readonly string Sky = "#373bda";
+
+            /// <summary>sky-foreground</summary>
+            public static readonly string SkyForeground = "#ffffff";
+
+            /// <summary>blue</summary>
+            public static readonly string Blue = "#381ff4";
+
+            /// <summary>blue-foreground</summary>
+            public static readonly string BlueForeground = "#ffffff";
+
+            /// <summary>indigo</summary>
+            public static readonly string Indigo = "#4b28e2";
+
+            /// <summary>indigo-foreground</summary>
+            public static readonly string IndigoForeground = "#ffffff";
+
+            /// <summary>violet</summary>
+            public static readonly string Violet = "#6637d1";
+
+            /// <summary>violet-foreground</summary>
+            public static readonly string VioletForeground = "#ffffff";
+
+            /// <summary>purple</summary>
+            public static readonly string Purple = "#844cc0";
+
+            /// <summary>purple-foreground</summary>
+            public static readonly string PurpleForeground = "#ffffff";
+
+            /// <summary>fuchsia</summary>
+            public static readonly string Fuchsia = "#a361af";
+
+            /// <summary>fuchsia-foreground</summary>
+            public static readonly string FuchsiaForeground = "#000000";
+
+            /// <summary>pink</summary>
+            public static readonly string Pink = "#c377a0";
+
+            /// <summary>pink-foreground</summary>
+            public static readonly string PinkForeground = "#000000";
+
+            /// <summary>rose</summary>
+            public static readonly string Rose = "#e48e91";
+
+            /// <summary>rose-foreground</summary>
+            public static readonly string RoseForeground = "#000000";
+        }
+
+        /// <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} {{");
+
+            // Color tokens
+            foreach (var field in typeof(Color).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(IvyFrameworkChromaticTokens).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[]
+            {
+                "red",
+                "red-foreground",
+                "orange",
+                "orange-foreground",
+                "amber",
+                "amber-foreground",
+                "yellow",
+                "yellow-foreground",
+                "lime",
+                "lime-foreground",
+                "green",
+                "green-foreground",
+                "emerald",
+                "emerald-foreground",
+                "teal",
+                "teal-foreground",
+                "cyan",
+                "cyan-foreground",
+                "sky",
+                "sky-foreground",
+                "blue",
+                "blue-foreground",
+                "indigo",
+                "indigo-foreground",
+                "violet",
+                "violet-foreground",
+                "purple",
+                "purple-foreground",
+                "fuchsia",
+                "fuchsia-foreground",
+                "pink",
+                "pink-foreground",
+                "rose",
+                "rose-foreground"
+            };
+        }
+
+        /// <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>();
+
+            // Color tokens
+            foreach (var field in typeof(Color).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/IvyFrameworkDarkThemeTokens.cs

@@ -0,0 +1,210 @@
+//------------------------------------------------------------------------------
+// <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: 2025-12-27T21:08:13.588Z
+    /// Total tokens: 25
+    /// </remarks>
+    public static class IvyFrameworkDarkThemeTokens
+    {
+
+        /// <summary>
+        /// Design tokens for color
+        /// </summary>
+        public static class Color
+        {
+            /// <summary>primary</summary>
+            public static readonly string Primary = "#00cc92";
+
+            /// <summary>primary-foreground</summary>
+            public static readonly string PrimaryForeground = "#000000";
+
+            /// <summary>secondary</summary>
+            public static readonly string Secondary = "#26262b";
+
+            /// <summary>secondary-foreground</summary>
+            public static readonly string SecondaryForeground = "#f8f8f8";
+
+            /// <summary>destructive</summary>
+            public static readonly string Destructive = "#dd5860";
+
+            /// <summary>destructive-foreground</summary>
+            public static readonly string DestructiveForeground = "#f8f8f8";
+
+            /// <summary>success</summary>
+            public static readonly string Success = "#86d26f";
+
+            /// <summary>success-foreground</summary>
+            public static readonly string SuccessForeground = "#000000";
+
+            /// <summary>warning</summary>
+            public static readonly string Warning = "#deb145";
+
+            /// <summary>warning-foreground</summary>
+            public static readonly string WarningForeground = "#000000";
+
+            /// <summary>info</summary>
+            public static readonly string Info = "#4469c0";
+
+            /// <summary>info-foreground</summary>
+            public static readonly string InfoForeground = "#ffffff";
+
+            /// <summary>background</summary>
+            public static readonly string Background = "#000000";
+
+            /// <summary>foreground</summary>
+            public static readonly string Foreground = "#f8f8f8";
+
+            /// <summary>border</summary>
+            public static readonly string Border = "#262626";
+
+            /// <summary>input</summary>
+            public static readonly string Input = "#262626";
+
+            /// <summary>ring</summary>
+            public static readonly string Ring = "#777777";
+
+            /// <summary>muted</summary>
+            public static readonly string Muted = "#1a1a1a";
+
+            /// <summary>muted-foreground</summary>
+            public static readonly string MutedForeground = "#8f8f8f";
+
+            /// <summary>accent</summary>
+            public static readonly string Accent = "#1a1a1a";
+
+            /// <summary>accent-foreground</summary>
+            public static readonly string AccentForeground = "#f8f8f8";
+
+            /// <summary>card</summary>
+            public static readonly string Card = "#171717";
+
+            /// <summary>card-foreground</summary>
+            public static readonly string CardForeground = "#f8f8f8";
+
+            /// <summary>popover</summary>
+            public static readonly string Popover = "#000000";
+
+            /// <summary>popover-foreground</summary>
+            public static readonly string PopoverForeground = "#f8f8f8";
+        }
+
+        /// <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} {{");
+
+            // Color tokens
+            foreach (var field in typeof(Color).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(IvyFrameworkDarkThemeTokens).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[]
+            {
+                "primary",
+                "primary-foreground",
+                "secondary",
+                "secondary-foreground",
+                "destructive",
+                "destructive-foreground",
+                "success",
+                "success-foreground",
+                "warning",
+                "warning-foreground",
+                "info",
+                "info-foreground",
+                "background",
+                "foreground",
+                "border",
+                "input",
+                "ring",
+                "muted",
+                "muted-foreground",
+                "accent",
+                "accent-foreground",
+                "card",
+                "card-foreground",
+                "popover",
+                "popover-foreground"
+            };
+        }
+
+        /// <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>();
+
+            // Color tokens
+            foreach (var field in typeof(Color).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;
+        }
+    }
+}