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

package/dist/csharp/IvyFrameworkBorderRadiusTokens.cs

@@ -0,0 +1,142 @@
+//------------------------------------------------------------------------------
+// <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-02-02T14:08:03.893Z
+    /// Total tokens: 8
+    /// </remarks>
+    public static class IvyFrameworkBorderRadiusTokens
+    {
+
+        /// <summary>
+        /// Design tokens for border-radius
+        /// </summary>
+        public static class BorderRadius
+        {
+            /// <summary>none</summary>
+            public static readonly string None = "0rem";
+
+            /// <summary>sm</summary>
+            public static readonly string Sm = "0.25rem";
+
+            /// <summary>md</summary>
+            public static readonly string Md = "0.5rem";
+
+            /// <summary>lg</summary>
+            public static readonly string Lg = "0.75rem";
+
+            /// <summary>xl</summary>
+            public static readonly string Xl = "1rem";
+
+            /// <summary>2xl</summary>
+            public static readonly string _2xl = "1.5rem";
+
+            /// <summary>3xl</summary>
+            public static readonly string _3xl = "2rem";
+
+            /// <summary>full</summary>
+            public static readonly string Full = "9999px";
+        }
+
+        /// <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} {{");
+
+            // BorderRadius tokens
+            foreach (var field in typeof(BorderRadius).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(IvyFrameworkBorderRadiusTokens).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",
+                "3xl",
+                "full"
+            };
+        }
+
+        /// <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>();
+
+            // BorderRadius tokens
+            foreach (var field in typeof(BorderRadius).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/IvyFrameworkChromaticTokens.cs

@@ -17,7 +17,7 @@ namespace Ivy.Themes
     /// Provides compile-time access to all design tokens
     /// </summary>
     /// <remarks>
-    /// Generated on: 2026-02-02T12:36:17.877Z
+    /// Generated on: 2026-02-02T14:08:03.893Z
     /// Total tokens: 34
     /// </remarks>
     public static class IvyFrameworkChromaticTokens

package/dist/csharp/IvyFrameworkDarkThemeTokens.cs

@@ -17,8 +17,8 @@ namespace Ivy.Themes
     /// Provides compile-time access to all design tokens
     /// </summary>
     /// <remarks>
-    /// Generated on: 2026-02-02T12:36:17.878Z
-    /// Total tokens: 33
+    /// Generated on: 2026-02-02T14:08:03.895Z
+    /// Total tokens: 25
     /// </remarks>
     public static class IvyFrameworkDarkThemeTokens
     {
@@ -104,36 +104,6 @@ namespace Ivy.Themes
             public static readonly string PopoverForeground = "#f8f8f8";
         }
 
-        /// <summary>
-        /// Design tokens for border-radius
-        /// </summary>
-        public static class BorderRadius
-        {
-            /// <summary>none</summary>
-            public static readonly string None = "0rem";
-
-            /// <summary>sm</summary>
-            public static readonly string Sm = "0.25rem";
-
-            /// <summary>md</summary>
-            public static readonly string Md = "0.5rem";
-
-            /// <summary>lg</summary>
-            public static readonly string Lg = "0.75rem";
-
-            /// <summary>xl</summary>
-            public static readonly string Xl = "1rem";
-
-            /// <summary>2xl</summary>
-            public static readonly string _2xl = "1.5rem";
-
-            /// <summary>3xl</summary>
-            public static readonly string _3xl = "2rem";
-
-            /// <summary>full</summary>
-            public static readonly string Full = "9999px";
-        }
-
         /// <summary>
         /// Generates CSS custom properties for all design tokens
         /// </summary>
@@ -154,16 +124,6 @@ namespace Ivy.Themes
                     css.AppendLine($"  --{name}: {value};");
                 }
             }
-            // BorderRadius tokens
-            foreach (var field in typeof(BorderRadius).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();
@@ -221,15 +181,7 @@ namespace Ivy.Themes
                 "card",
                 "card-foreground",
                 "popover",
-                "popover-foreground",
-                "none",
-                "sm",
-                "md",
-                "lg",
-                "xl",
-                "2xl",
-                "3xl",
-                "full"
+                "popover-foreground"
             };
         }
 
@@ -251,16 +203,6 @@ namespace Ivy.Themes
                     if (value != null) tokens[name] = value;
                 }
             }
-            // BorderRadius tokens
-            foreach (var field in typeof(BorderRadius).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/IvyFrameworkLightThemeTokens.cs

@@ -17,8 +17,8 @@ namespace Ivy.Themes
     /// Provides compile-time access to all design tokens
     /// </summary>
     /// <remarks>
-    /// Generated on: 2026-02-02T12:36:17.877Z
-    /// Total tokens: 33
+    /// Generated on: 2026-02-02T14:08:03.894Z
+    /// Total tokens: 25
     /// </remarks>
     public static class IvyFrameworkLightThemeTokens
     {
@@ -104,36 +104,6 @@ namespace Ivy.Themes
             public static readonly string PopoverForeground = "#000000";
         }
 
-        /// <summary>
-        /// Design tokens for border-radius
-        /// </summary>
-        public static class BorderRadius
-        {
-            /// <summary>none</summary>
-            public static readonly string None = "0rem";
-
-            /// <summary>sm</summary>
-            public static readonly string Sm = "0.25rem";
-
-            /// <summary>md</summary>
-            public static readonly string Md = "0.5rem";
-
-            /// <summary>lg</summary>
-            public static readonly string Lg = "0.75rem";
-
-            /// <summary>xl</summary>
-            public static readonly string Xl = "1rem";
-
-            /// <summary>2xl</summary>
-            public static readonly string _2xl = "1.5rem";
-
-            /// <summary>3xl</summary>
-            public static readonly string _3xl = "2rem";
-
-            /// <summary>full</summary>
-            public static readonly string Full = "9999px";
-        }
-
         /// <summary>
         /// Generates CSS custom properties for all design tokens
         /// </summary>
@@ -154,16 +124,6 @@ namespace Ivy.Themes
                     css.AppendLine($"  --{name}: {value};");
                 }
             }
-            // BorderRadius tokens
-            foreach (var field in typeof(BorderRadius).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();
@@ -221,15 +181,7 @@ namespace Ivy.Themes
                 "card",
                 "card-foreground",
                 "popover",
-                "popover-foreground",
-                "none",
-                "sm",
-                "md",
-                "lg",
-                "xl",
-                "2xl",
-                "3xl",
-                "full"
+                "popover-foreground"
             };
         }
 
@@ -251,16 +203,6 @@ namespace Ivy.Themes
                     if (value != null) tokens[name] = value;
                 }
             }
-            // BorderRadius tokens
-            foreach (var field in typeof(BorderRadius).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/IvyFrameworkNeutralTokens.cs

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

package/dist/csharp/IvyFrameworkPaddingTokens.cs

@@ -0,0 +1,142 @@
+//------------------------------------------------------------------------------
+// <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-02-02T14:08:03.894Z
+    /// Total tokens: 8
+    /// </remarks>
+    public static class IvyFrameworkPaddingTokens
+    {
+
+        /// <summary>
+        /// Design tokens for padding
+        /// </summary>
+        public static class Padding
+        {
+            /// <summary>none</summary>
+            public static readonly string None = "0rem";
+
+            /// <summary>xs</summary>
+            public static readonly string Xs = "0.25rem";
+
+            /// <summary>sm</summary>
+            public static readonly string Sm = "0.5rem";
+
+            /// <summary>md</summary>
+            public static readonly string Md = "1rem";
+
+            /// <summary>lg</summary>
+            public static readonly string Lg = "1.5rem";
+
+            /// <summary>xl</summary>
+            public static readonly string Xl = "2rem";
+
+            /// <summary>2xl</summary>
+            public static readonly string _2xl = "3rem";
+
+            /// <summary>3xl</summary>
+            public static readonly string _3xl = "4rem";
+        }
+
+        /// <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} {{");
+
+            // Padding tokens
+            foreach (var field in typeof(Padding).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(IvyFrameworkPaddingTokens).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",
+                "xs",
+                "sm",
+                "md",
+                "lg",
+                "xl",
+                "2xl",
+                "3xl"
+            };
+        }
+
+        /// <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>();
+
+            // Padding tokens
+            foreach (var field in typeof(Padding).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-02-02T12:36:17.875Z
+    /// Generated on: 2026-02-02T14:08:03.891Z
     /// Total tokens: 59
     /// </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-02-02T12:36:17.879Z
+    /// Generated on: 2026-02-02T14:08:03.896Z
     /// 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-02T12:36:17.879Z
+    /// Generated on: 2026-02-02T14:08:03.896Z
     /// 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-02T12:36:17.878Z
+    /// Generated on: 2026-02-02T14:08:03.895Z
     /// Total tokens: 25
     /// </remarks>
     public static class IvyWebSourceTokens

package/dist/css/ivy-framework-border-radius.css

@@ -0,0 +1,12 @@
+@layer base {
+  :root {
+  --border-radius-none: 0rem;
+  --border-radius-sm: 0.25rem;
+  --border-radius-md: 0.5rem;
+  --border-radius-lg: 0.75rem;
+  --border-radius-xl: 1rem;
+  --border-radius-2xl: 1.5rem;
+  --border-radius-3xl: 2rem;
+  --border-radius-full: 9999px;
+  }
+}

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

@@ -25,13 +25,5 @@
   --card-foreground: #f8f8f8;
   --popover: #000000;
   --popover-foreground: #f8f8f8;
-  --radius-none: 0rem;
-  --radius-sm: 0.25rem;
-  --radius: 0.5rem;
-  --radius-lg: 0.75rem;
-  --radius-xl: 1rem;
-  --radius-2xl: 1.5rem;
-  --radius-3xl: 2rem;
-  --radius-full: 9999px;
   }
 }

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

@@ -25,13 +25,5 @@
   --color-card-foreground: #f8f8f8;
   --color-popover: #000000;
   --color-popover-foreground: #f8f8f8;
-  --border-radius-none: 0rem;
-  --border-radius-sm: 0.25rem;
-  --border-radius-md: 0.5rem;
-  --border-radius-lg: 0.75rem;
-  --border-radius-xl: 1rem;
-  --border-radius-2xl: 1.5rem;
-  --border-radius-3xl: 2rem;
-  --border-radius-full: 9999px;
   }
 }

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

@@ -25,13 +25,5 @@
   --color-card-foreground: #262626;
   --color-popover: #ffffff;
   --color-popover-foreground: #000000;
-  --border-radius-none: 0rem;
-  --border-radius-sm: 0.25rem;
-  --border-radius-md: 0.5rem;
-  --border-radius-lg: 0.75rem;
-  --border-radius-xl: 1rem;
-  --border-radius-2xl: 1.5rem;
-  --border-radius-3xl: 2rem;
-  --border-radius-full: 9999px;
   }
 }

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

@@ -0,0 +1,12 @@
+@layer base {
+  :root {
+  --padding-none: 0rem;
+  --padding-xs: 0.25rem;
+  --padding-sm: 0.5rem;
+  --padding-md: 1rem;
+  --padding-lg: 1.5rem;
+  --padding-xl: 2rem;
+  --padding-2xl: 3rem;
+  --padding-3xl: 4rem;
+  }
+}

package/dist/tokens/index.json

@@ -345,40 +345,6 @@
             "value": "{ivy-framework.source.color.black}",
             "type": "color"
           }
-        },
-        "border-radius": {
-          "none": {
-            "value": "{ivy-framework.source.sizing.0}",
-            "type": "borderRadius"
-          },
-          "sm": {
-            "value": "{ivy-framework.source.sizing.1}",
-            "type": "borderRadius"
-          },
-          "md": {
-            "value": "{ivy-framework.source.sizing.2}",
-            "type": "borderRadius"
-          },
-          "lg": {
-            "value": "{ivy-framework.source.sizing.3}",
-            "type": "borderRadius"
-          },
-          "xl": {
-            "value": "{ivy-framework.source.sizing.4}",
-            "type": "borderRadius"
-          },
-          "2xl": {
-            "value": "{ivy-framework.source.sizing.6}",
-            "type": "borderRadius"
-          },
-          "3xl": {
-            "value": "{ivy-framework.source.sizing.8}",
-            "type": "borderRadius"
-          },
-          "full": {
-            "value": "{ivy-framework.source.sizing.full}",
-            "type": "borderRadius"
-          }
         }
       },
       "dark": {
@@ -483,40 +449,6 @@
             "value": "{ivy-framework.source.color.muted-light}",
             "type": "color"
           }
-        },
-        "border-radius": {
-          "none": {
-            "value": "{ivy-framework.source.sizing.0}",
-            "type": "borderRadius"
-          },
-          "sm": {
-            "value": "{ivy-framework.source.sizing.1}",
-            "type": "borderRadius"
-          },
-          "md": {
-            "value": "{ivy-framework.source.sizing.2}",
-            "type": "borderRadius"
-          },
-          "lg": {
-            "value": "{ivy-framework.source.sizing.3}",
-            "type": "borderRadius"
-          },
-          "xl": {
-            "value": "{ivy-framework.source.sizing.4}",
-            "type": "borderRadius"
-          },
-          "2xl": {
-            "value": "{ivy-framework.source.sizing.6}",
-            "type": "borderRadius"
-          },
-          "3xl": {
-            "value": "{ivy-framework.source.sizing.8}",
-            "type": "borderRadius"
-          },
-          "full": {
-            "value": "{ivy-framework.source.sizing.full}",
-            "type": "borderRadius"
-          }
         }
       }
     },
@@ -719,6 +651,78 @@
           "type": "color"
         }
       }
+    },
+    "border-radius": {
+      "border-radius": {
+        "none": {
+          "value": "{ivy-framework.source.sizing.0}",
+          "type": "borderRadius"
+        },
+        "sm": {
+          "value": "{ivy-framework.source.sizing.1}",
+          "type": "borderRadius"
+        },
+        "md": {
+          "value": "{ivy-framework.source.sizing.2}",
+          "type": "borderRadius"
+        },
+        "lg": {
+          "value": "{ivy-framework.source.sizing.3}",
+          "type": "borderRadius"
+        },
+        "xl": {
+          "value": "{ivy-framework.source.sizing.4}",
+          "type": "borderRadius"
+        },
+        "2xl": {
+          "value": "{ivy-framework.source.sizing.6}",
+          "type": "borderRadius"
+        },
+        "3xl": {
+          "value": "{ivy-framework.source.sizing.8}",
+          "type": "borderRadius"
+        },
+        "full": {
+          "value": "{ivy-framework.source.sizing.full}",
+          "type": "borderRadius"
+        }
+      }
+    },
+    "padding": {
+      "padding": {
+        "none": {
+          "value": "{ivy-framework.source.sizing.0}",
+          "type": "spacing"
+        },
+        "xs": {
+          "value": "{ivy-framework.source.sizing.1}",
+          "type": "spacing"
+        },
+        "sm": {
+          "value": "{ivy-framework.source.sizing.2}",
+          "type": "spacing"
+        },
+        "md": {
+          "value": "{ivy-framework.source.sizing.4}",
+          "type": "spacing"
+        },
+        "lg": {
+          "value": "{ivy-framework.source.sizing.6}",
+          "type": "spacing"
+        },
+        "xl": {
+          "value": "{ivy-framework.source.sizing.8}",
+          "type": "spacing"
+        },
+        "2xl": {
+          "value": "{ivy-framework.source.sizing.12}",
+          "type": "spacing"
+        },
+        "3xl": {
+          "value": "{ivy-framework.source.sizing.16}",
+          "type": "spacing"
+        }
+      }
     }
   },
   "ivy-web": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ivy-interactive/ivy-design-system",
-  "version": "1.1.19",
+  "version": "1.1.21",
   "publishConfig": {
     "access": "public"
   },