@ivy-interactive/ivy-design-system 1.1.20 → 1.1.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/csharp/IvyFrameworkBorderRadiusTokens.cs +142 -0
- package/dist/csharp/IvyFrameworkChromaticTokens.cs +1 -1
- package/dist/csharp/IvyFrameworkDarkThemeTokens.cs +3 -119
- package/dist/csharp/IvyFrameworkLightThemeTokens.cs +3 -119
- package/dist/csharp/IvyFrameworkNeutralTokens.cs +1 -1
- package/dist/csharp/IvyFrameworkPaddingTokens.cs +142 -0
- package/dist/csharp/IvyFrameworkSourceTokens.cs +1 -1
- package/dist/csharp/IvyWebDarkThemeTokens.cs +1 -1
- package/dist/csharp/IvyWebLightThemeTokens.cs +1 -1
- package/dist/csharp/IvyWebSourceTokens.cs +1 -1
- package/dist/css/ivy-framework-border-radius.css +12 -0
- package/dist/css/ivy-framework-dark-flat.css +0 -16
- package/dist/css/ivy-framework-dark.css +0 -16
- package/dist/css/ivy-framework-light.css +0 -16
- package/dist/css/ivy-framework-padding.css +12 -0
- package/dist/tokens/index.json +72 -136
- package/package.json +1 -1
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
//------------------------------------------------------------------------------
|
|
2
|
+
// <auto-generated>
|
|
3
|
+
// This code was generated by Ivy Design System build script.
|
|
4
|
+
// Changes to this file may cause incorrect behavior and will be lost if
|
|
5
|
+
// the code is regenerated.
|
|
6
|
+
// </auto-generated>
|
|
7
|
+
//------------------------------------------------------------------------------
|
|
8
|
+
|
|
9
|
+
#nullable enable
|
|
10
|
+
|
|
11
|
+
using System.Linq;
|
|
12
|
+
|
|
13
|
+
namespace Ivy.Themes
|
|
14
|
+
{
|
|
15
|
+
/// <summary>
|
|
16
|
+
/// Design System tokens generated from Ivy Design System
|
|
17
|
+
/// Provides compile-time access to all design tokens
|
|
18
|
+
/// </summary>
|
|
19
|
+
/// <remarks>
|
|
20
|
+
/// Generated on: 2026-02-02T14:08:03.893Z
|
|
21
|
+
/// Total tokens: 8
|
|
22
|
+
/// </remarks>
|
|
23
|
+
public static class IvyFrameworkBorderRadiusTokens
|
|
24
|
+
{
|
|
25
|
+
|
|
26
|
+
/// <summary>
|
|
27
|
+
/// Design tokens for border-radius
|
|
28
|
+
/// </summary>
|
|
29
|
+
public static class BorderRadius
|
|
30
|
+
{
|
|
31
|
+
/// <summary>none</summary>
|
|
32
|
+
public static readonly string None = "0rem";
|
|
33
|
+
|
|
34
|
+
/// <summary>sm</summary>
|
|
35
|
+
public static readonly string Sm = "0.25rem";
|
|
36
|
+
|
|
37
|
+
/// <summary>md</summary>
|
|
38
|
+
public static readonly string Md = "0.5rem";
|
|
39
|
+
|
|
40
|
+
/// <summary>lg</summary>
|
|
41
|
+
public static readonly string Lg = "0.75rem";
|
|
42
|
+
|
|
43
|
+
/// <summary>xl</summary>
|
|
44
|
+
public static readonly string Xl = "1rem";
|
|
45
|
+
|
|
46
|
+
/// <summary>2xl</summary>
|
|
47
|
+
public static readonly string _2xl = "1.5rem";
|
|
48
|
+
|
|
49
|
+
/// <summary>3xl</summary>
|
|
50
|
+
public static readonly string _3xl = "2rem";
|
|
51
|
+
|
|
52
|
+
/// <summary>full</summary>
|
|
53
|
+
public static readonly string Full = "9999px";
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
/// <summary>
|
|
57
|
+
/// Generates CSS custom properties for all design tokens
|
|
58
|
+
/// </summary>
|
|
59
|
+
/// <param name="selector">CSS selector (default: ":root")</param>
|
|
60
|
+
/// <returns>CSS string with all custom properties</returns>
|
|
61
|
+
public static string GenerateCSS(string selector = ":root")
|
|
62
|
+
{
|
|
63
|
+
var css = new System.Text.StringBuilder();
|
|
64
|
+
css.AppendLine($"{selector} {{");
|
|
65
|
+
|
|
66
|
+
// BorderRadius tokens
|
|
67
|
+
foreach (var field in typeof(BorderRadius).GetFields(System.Reflection.BindingFlags.Public | System.Reflection.BindingFlags.Static))
|
|
68
|
+
{
|
|
69
|
+
if (field.FieldType == typeof(string))
|
|
70
|
+
{
|
|
71
|
+
var name = string.Concat(field.Name.Select((x, i) => i > 0 && char.IsUpper(x) ? "-" + x.ToString() : x.ToString())).ToLower();
|
|
72
|
+
var value = field.GetValue(null);
|
|
73
|
+
css.AppendLine($" --{name}: {value};");
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
css.AppendLine("}");
|
|
78
|
+
return css.ToString();
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
/// <summary>
|
|
82
|
+
/// Gets a token value by its CSS variable name
|
|
83
|
+
/// </summary>
|
|
84
|
+
/// <param name="tokenName">Token name in kebab-case (e.g., "color-brand-primary")</param>
|
|
85
|
+
/// <returns>Token value or null if not found</returns>
|
|
86
|
+
public static string? GetToken(string tokenName)
|
|
87
|
+
{
|
|
88
|
+
var propertyName = string.Concat(tokenName.Split('-').Select(s =>
|
|
89
|
+
char.ToUpper(s[0]) + s.Substring(1)));
|
|
90
|
+
|
|
91
|
+
var category = tokenName.Split('-')[0];
|
|
92
|
+
var categoryClassName = char.ToUpper(category[0]) + category.Substring(1);
|
|
93
|
+
|
|
94
|
+
var type = typeof(IvyFrameworkBorderRadiusTokens).GetNestedType(categoryClassName);
|
|
95
|
+
if (type == null) return null;
|
|
96
|
+
|
|
97
|
+
var field = type.GetField(propertyName, System.Reflection.BindingFlags.Public | System.Reflection.BindingFlags.Static);
|
|
98
|
+
return field?.GetValue(null) as string;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
/// <summary>
|
|
102
|
+
/// Gets all token names
|
|
103
|
+
/// </summary>
|
|
104
|
+
/// <returns>Array of all token names in kebab-case</returns>
|
|
105
|
+
public static string[] GetAllTokenNames()
|
|
106
|
+
{
|
|
107
|
+
return new string[]
|
|
108
|
+
{
|
|
109
|
+
"none",
|
|
110
|
+
"sm",
|
|
111
|
+
"md",
|
|
112
|
+
"lg",
|
|
113
|
+
"xl",
|
|
114
|
+
"2xl",
|
|
115
|
+
"3xl",
|
|
116
|
+
"full"
|
|
117
|
+
};
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
/// <summary>
|
|
121
|
+
/// Gets all token values as a dictionary
|
|
122
|
+
/// </summary>
|
|
123
|
+
/// <returns>Dictionary of token name -> value</returns>
|
|
124
|
+
public static System.Collections.Generic.Dictionary<string, string> GetAllTokens()
|
|
125
|
+
{
|
|
126
|
+
var tokens = new System.Collections.Generic.Dictionary<string, string>();
|
|
127
|
+
|
|
128
|
+
// BorderRadius tokens
|
|
129
|
+
foreach (var field in typeof(BorderRadius).GetFields(System.Reflection.BindingFlags.Public | System.Reflection.BindingFlags.Static))
|
|
130
|
+
{
|
|
131
|
+
if (field.FieldType == typeof(string))
|
|
132
|
+
{
|
|
133
|
+
var name = string.Concat(field.Name.Select((x, i) => i > 0 && char.IsUpper(x) ? "-" + x.ToString() : x.ToString())).ToLower();
|
|
134
|
+
var value = field.GetValue(null) as string;
|
|
135
|
+
if (value != null) tokens[name] = value;
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
return tokens;
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
}
|
|
@@ -17,7 +17,7 @@ namespace Ivy.Themes
|
|
|
17
17
|
/// Provides compile-time access to all design tokens
|
|
18
18
|
/// </summary>
|
|
19
19
|
/// <remarks>
|
|
20
|
-
/// Generated on: 2026-02-
|
|
20
|
+
/// Generated on: 2026-02-02T14:08:03.893Z
|
|
21
21
|
/// Total tokens: 34
|
|
22
22
|
/// </remarks>
|
|
23
23
|
public static class IvyFrameworkChromaticTokens
|
|
@@ -17,8 +17,8 @@ namespace Ivy.Themes
|
|
|
17
17
|
/// Provides compile-time access to all design tokens
|
|
18
18
|
/// </summary>
|
|
19
19
|
/// <remarks>
|
|
20
|
-
/// Generated on: 2026-02-
|
|
21
|
-
/// Total tokens:
|
|
20
|
+
/// Generated on: 2026-02-02T14:08:03.895Z
|
|
21
|
+
/// Total tokens: 25
|
|
22
22
|
/// </remarks>
|
|
23
23
|
public static class IvyFrameworkDarkThemeTokens
|
|
24
24
|
{
|
|
@@ -104,66 +104,6 @@ namespace Ivy.Themes
|
|
|
104
104
|
public static readonly string PopoverForeground = "#f8f8f8";
|
|
105
105
|
}
|
|
106
106
|
|
|
107
|
-
/// <summary>
|
|
108
|
-
/// Design tokens for border-radius
|
|
109
|
-
/// </summary>
|
|
110
|
-
public static class BorderRadius
|
|
111
|
-
{
|
|
112
|
-
/// <summary>none</summary>
|
|
113
|
-
public static readonly string None = "0rem";
|
|
114
|
-
|
|
115
|
-
/// <summary>sm</summary>
|
|
116
|
-
public static readonly string Sm = "0.25rem";
|
|
117
|
-
|
|
118
|
-
/// <summary>md</summary>
|
|
119
|
-
public static readonly string Md = "0.5rem";
|
|
120
|
-
|
|
121
|
-
/// <summary>lg</summary>
|
|
122
|
-
public static readonly string Lg = "0.75rem";
|
|
123
|
-
|
|
124
|
-
/// <summary>xl</summary>
|
|
125
|
-
public static readonly string Xl = "1rem";
|
|
126
|
-
|
|
127
|
-
/// <summary>2xl</summary>
|
|
128
|
-
public static readonly string _2xl = "1.5rem";
|
|
129
|
-
|
|
130
|
-
/// <summary>3xl</summary>
|
|
131
|
-
public static readonly string _3xl = "2rem";
|
|
132
|
-
|
|
133
|
-
/// <summary>full</summary>
|
|
134
|
-
public static readonly string Full = "9999px";
|
|
135
|
-
}
|
|
136
|
-
|
|
137
|
-
/// <summary>
|
|
138
|
-
/// Design tokens for padding
|
|
139
|
-
/// </summary>
|
|
140
|
-
public static class Padding
|
|
141
|
-
{
|
|
142
|
-
/// <summary>none</summary>
|
|
143
|
-
public static readonly string None = "0rem";
|
|
144
|
-
|
|
145
|
-
/// <summary>xs</summary>
|
|
146
|
-
public static readonly string Xs = "0.25rem";
|
|
147
|
-
|
|
148
|
-
/// <summary>sm</summary>
|
|
149
|
-
public static readonly string Sm = "0.5rem";
|
|
150
|
-
|
|
151
|
-
/// <summary>md</summary>
|
|
152
|
-
public static readonly string Md = "1rem";
|
|
153
|
-
|
|
154
|
-
/// <summary>lg</summary>
|
|
155
|
-
public static readonly string Lg = "1.5rem";
|
|
156
|
-
|
|
157
|
-
/// <summary>xl</summary>
|
|
158
|
-
public static readonly string Xl = "2rem";
|
|
159
|
-
|
|
160
|
-
/// <summary>2xl</summary>
|
|
161
|
-
public static readonly string _2xl = "3rem";
|
|
162
|
-
|
|
163
|
-
/// <summary>3xl</summary>
|
|
164
|
-
public static readonly string _3xl = "4rem";
|
|
165
|
-
}
|
|
166
|
-
|
|
167
107
|
/// <summary>
|
|
168
108
|
/// Generates CSS custom properties for all design tokens
|
|
169
109
|
/// </summary>
|
|
@@ -184,26 +124,6 @@ namespace Ivy.Themes
|
|
|
184
124
|
css.AppendLine($" --{name}: {value};");
|
|
185
125
|
}
|
|
186
126
|
}
|
|
187
|
-
// BorderRadius tokens
|
|
188
|
-
foreach (var field in typeof(BorderRadius).GetFields(System.Reflection.BindingFlags.Public | System.Reflection.BindingFlags.Static))
|
|
189
|
-
{
|
|
190
|
-
if (field.FieldType == typeof(string))
|
|
191
|
-
{
|
|
192
|
-
var name = string.Concat(field.Name.Select((x, i) => i > 0 && char.IsUpper(x) ? "-" + x.ToString() : x.ToString())).ToLower();
|
|
193
|
-
var value = field.GetValue(null);
|
|
194
|
-
css.AppendLine($" --{name}: {value};");
|
|
195
|
-
}
|
|
196
|
-
}
|
|
197
|
-
// Padding tokens
|
|
198
|
-
foreach (var field in typeof(Padding).GetFields(System.Reflection.BindingFlags.Public | System.Reflection.BindingFlags.Static))
|
|
199
|
-
{
|
|
200
|
-
if (field.FieldType == typeof(string))
|
|
201
|
-
{
|
|
202
|
-
var name = string.Concat(field.Name.Select((x, i) => i > 0 && char.IsUpper(x) ? "-" + x.ToString() : x.ToString())).ToLower();
|
|
203
|
-
var value = field.GetValue(null);
|
|
204
|
-
css.AppendLine($" --{name}: {value};");
|
|
205
|
-
}
|
|
206
|
-
}
|
|
207
127
|
|
|
208
128
|
css.AppendLine("}");
|
|
209
129
|
return css.ToString();
|
|
@@ -261,23 +181,7 @@ namespace Ivy.Themes
|
|
|
261
181
|
"card",
|
|
262
182
|
"card-foreground",
|
|
263
183
|
"popover",
|
|
264
|
-
"popover-foreground"
|
|
265
|
-
"none",
|
|
266
|
-
"sm",
|
|
267
|
-
"md",
|
|
268
|
-
"lg",
|
|
269
|
-
"xl",
|
|
270
|
-
"2xl",
|
|
271
|
-
"3xl",
|
|
272
|
-
"full",
|
|
273
|
-
"none",
|
|
274
|
-
"xs",
|
|
275
|
-
"sm",
|
|
276
|
-
"md",
|
|
277
|
-
"lg",
|
|
278
|
-
"xl",
|
|
279
|
-
"2xl",
|
|
280
|
-
"3xl"
|
|
184
|
+
"popover-foreground"
|
|
281
185
|
};
|
|
282
186
|
}
|
|
283
187
|
|
|
@@ -299,26 +203,6 @@ namespace Ivy.Themes
|
|
|
299
203
|
if (value != null) tokens[name] = value;
|
|
300
204
|
}
|
|
301
205
|
}
|
|
302
|
-
// BorderRadius tokens
|
|
303
|
-
foreach (var field in typeof(BorderRadius).GetFields(System.Reflection.BindingFlags.Public | System.Reflection.BindingFlags.Static))
|
|
304
|
-
{
|
|
305
|
-
if (field.FieldType == typeof(string))
|
|
306
|
-
{
|
|
307
|
-
var name = string.Concat(field.Name.Select((x, i) => i > 0 && char.IsUpper(x) ? "-" + x.ToString() : x.ToString())).ToLower();
|
|
308
|
-
var value = field.GetValue(null) as string;
|
|
309
|
-
if (value != null) tokens[name] = value;
|
|
310
|
-
}
|
|
311
|
-
}
|
|
312
|
-
// Padding tokens
|
|
313
|
-
foreach (var field in typeof(Padding).GetFields(System.Reflection.BindingFlags.Public | System.Reflection.BindingFlags.Static))
|
|
314
|
-
{
|
|
315
|
-
if (field.FieldType == typeof(string))
|
|
316
|
-
{
|
|
317
|
-
var name = string.Concat(field.Name.Select((x, i) => i > 0 && char.IsUpper(x) ? "-" + x.ToString() : x.ToString())).ToLower();
|
|
318
|
-
var value = field.GetValue(null) as string;
|
|
319
|
-
if (value != null) tokens[name] = value;
|
|
320
|
-
}
|
|
321
|
-
}
|
|
322
206
|
|
|
323
207
|
return tokens;
|
|
324
208
|
}
|
|
@@ -17,8 +17,8 @@ namespace Ivy.Themes
|
|
|
17
17
|
/// Provides compile-time access to all design tokens
|
|
18
18
|
/// </summary>
|
|
19
19
|
/// <remarks>
|
|
20
|
-
/// Generated on: 2026-02-
|
|
21
|
-
/// Total tokens:
|
|
20
|
+
/// Generated on: 2026-02-02T14:08:03.894Z
|
|
21
|
+
/// Total tokens: 25
|
|
22
22
|
/// </remarks>
|
|
23
23
|
public static class IvyFrameworkLightThemeTokens
|
|
24
24
|
{
|
|
@@ -104,66 +104,6 @@ namespace Ivy.Themes
|
|
|
104
104
|
public static readonly string PopoverForeground = "#000000";
|
|
105
105
|
}
|
|
106
106
|
|
|
107
|
-
/// <summary>
|
|
108
|
-
/// Design tokens for border-radius
|
|
109
|
-
/// </summary>
|
|
110
|
-
public static class BorderRadius
|
|
111
|
-
{
|
|
112
|
-
/// <summary>none</summary>
|
|
113
|
-
public static readonly string None = "0rem";
|
|
114
|
-
|
|
115
|
-
/// <summary>sm</summary>
|
|
116
|
-
public static readonly string Sm = "0.25rem";
|
|
117
|
-
|
|
118
|
-
/// <summary>md</summary>
|
|
119
|
-
public static readonly string Md = "0.5rem";
|
|
120
|
-
|
|
121
|
-
/// <summary>lg</summary>
|
|
122
|
-
public static readonly string Lg = "0.75rem";
|
|
123
|
-
|
|
124
|
-
/// <summary>xl</summary>
|
|
125
|
-
public static readonly string Xl = "1rem";
|
|
126
|
-
|
|
127
|
-
/// <summary>2xl</summary>
|
|
128
|
-
public static readonly string _2xl = "1.5rem";
|
|
129
|
-
|
|
130
|
-
/// <summary>3xl</summary>
|
|
131
|
-
public static readonly string _3xl = "2rem";
|
|
132
|
-
|
|
133
|
-
/// <summary>full</summary>
|
|
134
|
-
public static readonly string Full = "9999px";
|
|
135
|
-
}
|
|
136
|
-
|
|
137
|
-
/// <summary>
|
|
138
|
-
/// Design tokens for padding
|
|
139
|
-
/// </summary>
|
|
140
|
-
public static class Padding
|
|
141
|
-
{
|
|
142
|
-
/// <summary>none</summary>
|
|
143
|
-
public static readonly string None = "0rem";
|
|
144
|
-
|
|
145
|
-
/// <summary>xs</summary>
|
|
146
|
-
public static readonly string Xs = "0.25rem";
|
|
147
|
-
|
|
148
|
-
/// <summary>sm</summary>
|
|
149
|
-
public static readonly string Sm = "0.5rem";
|
|
150
|
-
|
|
151
|
-
/// <summary>md</summary>
|
|
152
|
-
public static readonly string Md = "1rem";
|
|
153
|
-
|
|
154
|
-
/// <summary>lg</summary>
|
|
155
|
-
public static readonly string Lg = "1.5rem";
|
|
156
|
-
|
|
157
|
-
/// <summary>xl</summary>
|
|
158
|
-
public static readonly string Xl = "2rem";
|
|
159
|
-
|
|
160
|
-
/// <summary>2xl</summary>
|
|
161
|
-
public static readonly string _2xl = "3rem";
|
|
162
|
-
|
|
163
|
-
/// <summary>3xl</summary>
|
|
164
|
-
public static readonly string _3xl = "4rem";
|
|
165
|
-
}
|
|
166
|
-
|
|
167
107
|
/// <summary>
|
|
168
108
|
/// Generates CSS custom properties for all design tokens
|
|
169
109
|
/// </summary>
|
|
@@ -184,26 +124,6 @@ namespace Ivy.Themes
|
|
|
184
124
|
css.AppendLine($" --{name}: {value};");
|
|
185
125
|
}
|
|
186
126
|
}
|
|
187
|
-
// BorderRadius tokens
|
|
188
|
-
foreach (var field in typeof(BorderRadius).GetFields(System.Reflection.BindingFlags.Public | System.Reflection.BindingFlags.Static))
|
|
189
|
-
{
|
|
190
|
-
if (field.FieldType == typeof(string))
|
|
191
|
-
{
|
|
192
|
-
var name = string.Concat(field.Name.Select((x, i) => i > 0 && char.IsUpper(x) ? "-" + x.ToString() : x.ToString())).ToLower();
|
|
193
|
-
var value = field.GetValue(null);
|
|
194
|
-
css.AppendLine($" --{name}: {value};");
|
|
195
|
-
}
|
|
196
|
-
}
|
|
197
|
-
// Padding tokens
|
|
198
|
-
foreach (var field in typeof(Padding).GetFields(System.Reflection.BindingFlags.Public | System.Reflection.BindingFlags.Static))
|
|
199
|
-
{
|
|
200
|
-
if (field.FieldType == typeof(string))
|
|
201
|
-
{
|
|
202
|
-
var name = string.Concat(field.Name.Select((x, i) => i > 0 && char.IsUpper(x) ? "-" + x.ToString() : x.ToString())).ToLower();
|
|
203
|
-
var value = field.GetValue(null);
|
|
204
|
-
css.AppendLine($" --{name}: {value};");
|
|
205
|
-
}
|
|
206
|
-
}
|
|
207
127
|
|
|
208
128
|
css.AppendLine("}");
|
|
209
129
|
return css.ToString();
|
|
@@ -261,23 +181,7 @@ namespace Ivy.Themes
|
|
|
261
181
|
"card",
|
|
262
182
|
"card-foreground",
|
|
263
183
|
"popover",
|
|
264
|
-
"popover-foreground"
|
|
265
|
-
"none",
|
|
266
|
-
"sm",
|
|
267
|
-
"md",
|
|
268
|
-
"lg",
|
|
269
|
-
"xl",
|
|
270
|
-
"2xl",
|
|
271
|
-
"3xl",
|
|
272
|
-
"full",
|
|
273
|
-
"none",
|
|
274
|
-
"xs",
|
|
275
|
-
"sm",
|
|
276
|
-
"md",
|
|
277
|
-
"lg",
|
|
278
|
-
"xl",
|
|
279
|
-
"2xl",
|
|
280
|
-
"3xl"
|
|
184
|
+
"popover-foreground"
|
|
281
185
|
};
|
|
282
186
|
}
|
|
283
187
|
|
|
@@ -299,26 +203,6 @@ namespace Ivy.Themes
|
|
|
299
203
|
if (value != null) tokens[name] = value;
|
|
300
204
|
}
|
|
301
205
|
}
|
|
302
|
-
// BorderRadius tokens
|
|
303
|
-
foreach (var field in typeof(BorderRadius).GetFields(System.Reflection.BindingFlags.Public | System.Reflection.BindingFlags.Static))
|
|
304
|
-
{
|
|
305
|
-
if (field.FieldType == typeof(string))
|
|
306
|
-
{
|
|
307
|
-
var name = string.Concat(field.Name.Select((x, i) => i > 0 && char.IsUpper(x) ? "-" + x.ToString() : x.ToString())).ToLower();
|
|
308
|
-
var value = field.GetValue(null) as string;
|
|
309
|
-
if (value != null) tokens[name] = value;
|
|
310
|
-
}
|
|
311
|
-
}
|
|
312
|
-
// Padding tokens
|
|
313
|
-
foreach (var field in typeof(Padding).GetFields(System.Reflection.BindingFlags.Public | System.Reflection.BindingFlags.Static))
|
|
314
|
-
{
|
|
315
|
-
if (field.FieldType == typeof(string))
|
|
316
|
-
{
|
|
317
|
-
var name = string.Concat(field.Name.Select((x, i) => i > 0 && char.IsUpper(x) ? "-" + x.ToString() : x.ToString())).ToLower();
|
|
318
|
-
var value = field.GetValue(null) as string;
|
|
319
|
-
if (value != null) tokens[name] = value;
|
|
320
|
-
}
|
|
321
|
-
}
|
|
322
206
|
|
|
323
207
|
return tokens;
|
|
324
208
|
}
|
|
@@ -17,7 +17,7 @@ namespace Ivy.Themes
|
|
|
17
17
|
/// Provides compile-time access to all design tokens
|
|
18
18
|
/// </summary>
|
|
19
19
|
/// <remarks>
|
|
20
|
-
/// Generated on: 2026-02-
|
|
20
|
+
/// Generated on: 2026-02-02T14:08:03.892Z
|
|
21
21
|
/// Total tokens: 14
|
|
22
22
|
/// </remarks>
|
|
23
23
|
public static class IvyFrameworkNeutralTokens
|
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
//------------------------------------------------------------------------------
|
|
2
|
+
// <auto-generated>
|
|
3
|
+
// This code was generated by Ivy Design System build script.
|
|
4
|
+
// Changes to this file may cause incorrect behavior and will be lost if
|
|
5
|
+
// the code is regenerated.
|
|
6
|
+
// </auto-generated>
|
|
7
|
+
//------------------------------------------------------------------------------
|
|
8
|
+
|
|
9
|
+
#nullable enable
|
|
10
|
+
|
|
11
|
+
using System.Linq;
|
|
12
|
+
|
|
13
|
+
namespace Ivy.Themes
|
|
14
|
+
{
|
|
15
|
+
/// <summary>
|
|
16
|
+
/// Design System tokens generated from Ivy Design System
|
|
17
|
+
/// Provides compile-time access to all design tokens
|
|
18
|
+
/// </summary>
|
|
19
|
+
/// <remarks>
|
|
20
|
+
/// Generated on: 2026-02-02T14:08:03.894Z
|
|
21
|
+
/// Total tokens: 8
|
|
22
|
+
/// </remarks>
|
|
23
|
+
public static class IvyFrameworkPaddingTokens
|
|
24
|
+
{
|
|
25
|
+
|
|
26
|
+
/// <summary>
|
|
27
|
+
/// Design tokens for padding
|
|
28
|
+
/// </summary>
|
|
29
|
+
public static class Padding
|
|
30
|
+
{
|
|
31
|
+
/// <summary>none</summary>
|
|
32
|
+
public static readonly string None = "0rem";
|
|
33
|
+
|
|
34
|
+
/// <summary>xs</summary>
|
|
35
|
+
public static readonly string Xs = "0.25rem";
|
|
36
|
+
|
|
37
|
+
/// <summary>sm</summary>
|
|
38
|
+
public static readonly string Sm = "0.5rem";
|
|
39
|
+
|
|
40
|
+
/// <summary>md</summary>
|
|
41
|
+
public static readonly string Md = "1rem";
|
|
42
|
+
|
|
43
|
+
/// <summary>lg</summary>
|
|
44
|
+
public static readonly string Lg = "1.5rem";
|
|
45
|
+
|
|
46
|
+
/// <summary>xl</summary>
|
|
47
|
+
public static readonly string Xl = "2rem";
|
|
48
|
+
|
|
49
|
+
/// <summary>2xl</summary>
|
|
50
|
+
public static readonly string _2xl = "3rem";
|
|
51
|
+
|
|
52
|
+
/// <summary>3xl</summary>
|
|
53
|
+
public static readonly string _3xl = "4rem";
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
/// <summary>
|
|
57
|
+
/// Generates CSS custom properties for all design tokens
|
|
58
|
+
/// </summary>
|
|
59
|
+
/// <param name="selector">CSS selector (default: ":root")</param>
|
|
60
|
+
/// <returns>CSS string with all custom properties</returns>
|
|
61
|
+
public static string GenerateCSS(string selector = ":root")
|
|
62
|
+
{
|
|
63
|
+
var css = new System.Text.StringBuilder();
|
|
64
|
+
css.AppendLine($"{selector} {{");
|
|
65
|
+
|
|
66
|
+
// Padding tokens
|
|
67
|
+
foreach (var field in typeof(Padding).GetFields(System.Reflection.BindingFlags.Public | System.Reflection.BindingFlags.Static))
|
|
68
|
+
{
|
|
69
|
+
if (field.FieldType == typeof(string))
|
|
70
|
+
{
|
|
71
|
+
var name = string.Concat(field.Name.Select((x, i) => i > 0 && char.IsUpper(x) ? "-" + x.ToString() : x.ToString())).ToLower();
|
|
72
|
+
var value = field.GetValue(null);
|
|
73
|
+
css.AppendLine($" --{name}: {value};");
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
css.AppendLine("}");
|
|
78
|
+
return css.ToString();
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
/// <summary>
|
|
82
|
+
/// Gets a token value by its CSS variable name
|
|
83
|
+
/// </summary>
|
|
84
|
+
/// <param name="tokenName">Token name in kebab-case (e.g., "color-brand-primary")</param>
|
|
85
|
+
/// <returns>Token value or null if not found</returns>
|
|
86
|
+
public static string? GetToken(string tokenName)
|
|
87
|
+
{
|
|
88
|
+
var propertyName = string.Concat(tokenName.Split('-').Select(s =>
|
|
89
|
+
char.ToUpper(s[0]) + s.Substring(1)));
|
|
90
|
+
|
|
91
|
+
var category = tokenName.Split('-')[0];
|
|
92
|
+
var categoryClassName = char.ToUpper(category[0]) + category.Substring(1);
|
|
93
|
+
|
|
94
|
+
var type = typeof(IvyFrameworkPaddingTokens).GetNestedType(categoryClassName);
|
|
95
|
+
if (type == null) return null;
|
|
96
|
+
|
|
97
|
+
var field = type.GetField(propertyName, System.Reflection.BindingFlags.Public | System.Reflection.BindingFlags.Static);
|
|
98
|
+
return field?.GetValue(null) as string;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
/// <summary>
|
|
102
|
+
/// Gets all token names
|
|
103
|
+
/// </summary>
|
|
104
|
+
/// <returns>Array of all token names in kebab-case</returns>
|
|
105
|
+
public static string[] GetAllTokenNames()
|
|
106
|
+
{
|
|
107
|
+
return new string[]
|
|
108
|
+
{
|
|
109
|
+
"none",
|
|
110
|
+
"xs",
|
|
111
|
+
"sm",
|
|
112
|
+
"md",
|
|
113
|
+
"lg",
|
|
114
|
+
"xl",
|
|
115
|
+
"2xl",
|
|
116
|
+
"3xl"
|
|
117
|
+
};
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
/// <summary>
|
|
121
|
+
/// Gets all token values as a dictionary
|
|
122
|
+
/// </summary>
|
|
123
|
+
/// <returns>Dictionary of token name -> value</returns>
|
|
124
|
+
public static System.Collections.Generic.Dictionary<string, string> GetAllTokens()
|
|
125
|
+
{
|
|
126
|
+
var tokens = new System.Collections.Generic.Dictionary<string, string>();
|
|
127
|
+
|
|
128
|
+
// Padding tokens
|
|
129
|
+
foreach (var field in typeof(Padding).GetFields(System.Reflection.BindingFlags.Public | System.Reflection.BindingFlags.Static))
|
|
130
|
+
{
|
|
131
|
+
if (field.FieldType == typeof(string))
|
|
132
|
+
{
|
|
133
|
+
var name = string.Concat(field.Name.Select((x, i) => i > 0 && char.IsUpper(x) ? "-" + x.ToString() : x.ToString())).ToLower();
|
|
134
|
+
var value = field.GetValue(null) as string;
|
|
135
|
+
if (value != null) tokens[name] = value;
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
return tokens;
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
}
|
|
@@ -17,7 +17,7 @@ namespace Ivy.Themes
|
|
|
17
17
|
/// Provides compile-time access to all design tokens
|
|
18
18
|
/// </summary>
|
|
19
19
|
/// <remarks>
|
|
20
|
-
/// Generated on: 2026-02-
|
|
20
|
+
/// Generated on: 2026-02-02T14:08:03.891Z
|
|
21
21
|
/// Total tokens: 59
|
|
22
22
|
/// </remarks>
|
|
23
23
|
public static class IvyFrameworkSourceTokens
|
|
@@ -17,7 +17,7 @@ namespace Ivy.Themes
|
|
|
17
17
|
/// Provides compile-time access to all design tokens
|
|
18
18
|
/// </summary>
|
|
19
19
|
/// <remarks>
|
|
20
|
-
/// Generated on: 2026-02-
|
|
20
|
+
/// Generated on: 2026-02-02T14:08:03.896Z
|
|
21
21
|
/// Total tokens: 24
|
|
22
22
|
/// </remarks>
|
|
23
23
|
public static class IvyWebDarkThemeTokens
|
|
@@ -17,7 +17,7 @@ namespace Ivy.Themes
|
|
|
17
17
|
/// Provides compile-time access to all design tokens
|
|
18
18
|
/// </summary>
|
|
19
19
|
/// <remarks>
|
|
20
|
-
/// Generated on: 2026-02-
|
|
20
|
+
/// Generated on: 2026-02-02T14:08:03.896Z
|
|
21
21
|
/// Total tokens: 24
|
|
22
22
|
/// </remarks>
|
|
23
23
|
public static class IvyWebLightThemeTokens
|
|
@@ -17,7 +17,7 @@ namespace Ivy.Themes
|
|
|
17
17
|
/// Provides compile-time access to all design tokens
|
|
18
18
|
/// </summary>
|
|
19
19
|
/// <remarks>
|
|
20
|
-
/// Generated on: 2026-02-
|
|
20
|
+
/// Generated on: 2026-02-02T14:08:03.895Z
|
|
21
21
|
/// Total tokens: 25
|
|
22
22
|
/// </remarks>
|
|
23
23
|
public static class IvyWebSourceTokens
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
@layer base {
|
|
2
|
+
:root {
|
|
3
|
+
--border-radius-none: 0rem;
|
|
4
|
+
--border-radius-sm: 0.25rem;
|
|
5
|
+
--border-radius-md: 0.5rem;
|
|
6
|
+
--border-radius-lg: 0.75rem;
|
|
7
|
+
--border-radius-xl: 1rem;
|
|
8
|
+
--border-radius-2xl: 1.5rem;
|
|
9
|
+
--border-radius-3xl: 2rem;
|
|
10
|
+
--border-radius-full: 9999px;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
@@ -25,21 +25,5 @@
|
|
|
25
25
|
--card-foreground: #f8f8f8;
|
|
26
26
|
--popover: #000000;
|
|
27
27
|
--popover-foreground: #f8f8f8;
|
|
28
|
-
--radius-none: 0rem;
|
|
29
|
-
--radius-sm: 0.25rem;
|
|
30
|
-
--radius: 0.5rem;
|
|
31
|
-
--radius-lg: 0.75rem;
|
|
32
|
-
--radius-xl: 1rem;
|
|
33
|
-
--radius-2xl: 1.5rem;
|
|
34
|
-
--radius-3xl: 2rem;
|
|
35
|
-
--radius-full: 9999px;
|
|
36
|
-
--none: 0rem;
|
|
37
|
-
--xs: 0.25rem;
|
|
38
|
-
--sm: 0.5rem;
|
|
39
|
-
--md: 1rem;
|
|
40
|
-
--lg: 1.5rem;
|
|
41
|
-
--xl: 2rem;
|
|
42
|
-
--2xl: 3rem;
|
|
43
|
-
--3xl: 4rem;
|
|
44
28
|
}
|
|
45
29
|
}
|
|
@@ -25,21 +25,5 @@
|
|
|
25
25
|
--color-card-foreground: #f8f8f8;
|
|
26
26
|
--color-popover: #000000;
|
|
27
27
|
--color-popover-foreground: #f8f8f8;
|
|
28
|
-
--border-radius-none: 0rem;
|
|
29
|
-
--border-radius-sm: 0.25rem;
|
|
30
|
-
--border-radius-md: 0.5rem;
|
|
31
|
-
--border-radius-lg: 0.75rem;
|
|
32
|
-
--border-radius-xl: 1rem;
|
|
33
|
-
--border-radius-2xl: 1.5rem;
|
|
34
|
-
--border-radius-3xl: 2rem;
|
|
35
|
-
--border-radius-full: 9999px;
|
|
36
|
-
--padding-none: 0rem;
|
|
37
|
-
--padding-xs: 0.25rem;
|
|
38
|
-
--padding-sm: 0.5rem;
|
|
39
|
-
--padding-md: 1rem;
|
|
40
|
-
--padding-lg: 1.5rem;
|
|
41
|
-
--padding-xl: 2rem;
|
|
42
|
-
--padding-2xl: 3rem;
|
|
43
|
-
--padding-3xl: 4rem;
|
|
44
28
|
}
|
|
45
29
|
}
|
|
@@ -25,21 +25,5 @@
|
|
|
25
25
|
--color-card-foreground: #262626;
|
|
26
26
|
--color-popover: #ffffff;
|
|
27
27
|
--color-popover-foreground: #000000;
|
|
28
|
-
--border-radius-none: 0rem;
|
|
29
|
-
--border-radius-sm: 0.25rem;
|
|
30
|
-
--border-radius-md: 0.5rem;
|
|
31
|
-
--border-radius-lg: 0.75rem;
|
|
32
|
-
--border-radius-xl: 1rem;
|
|
33
|
-
--border-radius-2xl: 1.5rem;
|
|
34
|
-
--border-radius-3xl: 2rem;
|
|
35
|
-
--border-radius-full: 9999px;
|
|
36
|
-
--padding-none: 0rem;
|
|
37
|
-
--padding-xs: 0.25rem;
|
|
38
|
-
--padding-sm: 0.5rem;
|
|
39
|
-
--padding-md: 1rem;
|
|
40
|
-
--padding-lg: 1.5rem;
|
|
41
|
-
--padding-xl: 2rem;
|
|
42
|
-
--padding-2xl: 3rem;
|
|
43
|
-
--padding-3xl: 4rem;
|
|
44
28
|
}
|
|
45
29
|
}
|
package/dist/tokens/index.json
CHANGED
|
@@ -345,74 +345,6 @@
|
|
|
345
345
|
"value": "{ivy-framework.source.color.black}",
|
|
346
346
|
"type": "color"
|
|
347
347
|
}
|
|
348
|
-
},
|
|
349
|
-
"border-radius": {
|
|
350
|
-
"none": {
|
|
351
|
-
"value": "{ivy-framework.source.sizing.0}",
|
|
352
|
-
"type": "borderRadius"
|
|
353
|
-
},
|
|
354
|
-
"sm": {
|
|
355
|
-
"value": "{ivy-framework.source.sizing.1}",
|
|
356
|
-
"type": "borderRadius"
|
|
357
|
-
},
|
|
358
|
-
"md": {
|
|
359
|
-
"value": "{ivy-framework.source.sizing.2}",
|
|
360
|
-
"type": "borderRadius"
|
|
361
|
-
},
|
|
362
|
-
"lg": {
|
|
363
|
-
"value": "{ivy-framework.source.sizing.3}",
|
|
364
|
-
"type": "borderRadius"
|
|
365
|
-
},
|
|
366
|
-
"xl": {
|
|
367
|
-
"value": "{ivy-framework.source.sizing.4}",
|
|
368
|
-
"type": "borderRadius"
|
|
369
|
-
},
|
|
370
|
-
"2xl": {
|
|
371
|
-
"value": "{ivy-framework.source.sizing.6}",
|
|
372
|
-
"type": "borderRadius"
|
|
373
|
-
},
|
|
374
|
-
"3xl": {
|
|
375
|
-
"value": "{ivy-framework.source.sizing.8}",
|
|
376
|
-
"type": "borderRadius"
|
|
377
|
-
},
|
|
378
|
-
"full": {
|
|
379
|
-
"value": "{ivy-framework.source.sizing.full}",
|
|
380
|
-
"type": "borderRadius"
|
|
381
|
-
}
|
|
382
|
-
},
|
|
383
|
-
"padding": {
|
|
384
|
-
"none": {
|
|
385
|
-
"value": "{ivy-framework.source.sizing.0}",
|
|
386
|
-
"type": "spacing"
|
|
387
|
-
},
|
|
388
|
-
"xs": {
|
|
389
|
-
"value": "{ivy-framework.source.sizing.1}",
|
|
390
|
-
"type": "spacing"
|
|
391
|
-
},
|
|
392
|
-
"sm": {
|
|
393
|
-
"value": "{ivy-framework.source.sizing.2}",
|
|
394
|
-
"type": "spacing"
|
|
395
|
-
},
|
|
396
|
-
"md": {
|
|
397
|
-
"value": "{ivy-framework.source.sizing.4}",
|
|
398
|
-
"type": "spacing"
|
|
399
|
-
},
|
|
400
|
-
"lg": {
|
|
401
|
-
"value": "{ivy-framework.source.sizing.6}",
|
|
402
|
-
"type": "spacing"
|
|
403
|
-
},
|
|
404
|
-
"xl": {
|
|
405
|
-
"value": "{ivy-framework.source.sizing.8}",
|
|
406
|
-
"type": "spacing"
|
|
407
|
-
},
|
|
408
|
-
"2xl": {
|
|
409
|
-
"value": "{ivy-framework.source.sizing.12}",
|
|
410
|
-
"type": "spacing"
|
|
411
|
-
},
|
|
412
|
-
"3xl": {
|
|
413
|
-
"value": "{ivy-framework.source.sizing.16}",
|
|
414
|
-
"type": "spacing"
|
|
415
|
-
}
|
|
416
348
|
}
|
|
417
349
|
},
|
|
418
350
|
"dark": {
|
|
@@ -517,74 +449,6 @@
|
|
|
517
449
|
"value": "{ivy-framework.source.color.muted-light}",
|
|
518
450
|
"type": "color"
|
|
519
451
|
}
|
|
520
|
-
},
|
|
521
|
-
"border-radius": {
|
|
522
|
-
"none": {
|
|
523
|
-
"value": "{ivy-framework.source.sizing.0}",
|
|
524
|
-
"type": "borderRadius"
|
|
525
|
-
},
|
|
526
|
-
"sm": {
|
|
527
|
-
"value": "{ivy-framework.source.sizing.1}",
|
|
528
|
-
"type": "borderRadius"
|
|
529
|
-
},
|
|
530
|
-
"md": {
|
|
531
|
-
"value": "{ivy-framework.source.sizing.2}",
|
|
532
|
-
"type": "borderRadius"
|
|
533
|
-
},
|
|
534
|
-
"lg": {
|
|
535
|
-
"value": "{ivy-framework.source.sizing.3}",
|
|
536
|
-
"type": "borderRadius"
|
|
537
|
-
},
|
|
538
|
-
"xl": {
|
|
539
|
-
"value": "{ivy-framework.source.sizing.4}",
|
|
540
|
-
"type": "borderRadius"
|
|
541
|
-
},
|
|
542
|
-
"2xl": {
|
|
543
|
-
"value": "{ivy-framework.source.sizing.6}",
|
|
544
|
-
"type": "borderRadius"
|
|
545
|
-
},
|
|
546
|
-
"3xl": {
|
|
547
|
-
"value": "{ivy-framework.source.sizing.8}",
|
|
548
|
-
"type": "borderRadius"
|
|
549
|
-
},
|
|
550
|
-
"full": {
|
|
551
|
-
"value": "{ivy-framework.source.sizing.full}",
|
|
552
|
-
"type": "borderRadius"
|
|
553
|
-
}
|
|
554
|
-
},
|
|
555
|
-
"padding": {
|
|
556
|
-
"none": {
|
|
557
|
-
"value": "{ivy-framework.source.sizing.0}",
|
|
558
|
-
"type": "spacing"
|
|
559
|
-
},
|
|
560
|
-
"xs": {
|
|
561
|
-
"value": "{ivy-framework.source.sizing.1}",
|
|
562
|
-
"type": "spacing"
|
|
563
|
-
},
|
|
564
|
-
"sm": {
|
|
565
|
-
"value": "{ivy-framework.source.sizing.2}",
|
|
566
|
-
"type": "spacing"
|
|
567
|
-
},
|
|
568
|
-
"md": {
|
|
569
|
-
"value": "{ivy-framework.source.sizing.4}",
|
|
570
|
-
"type": "spacing"
|
|
571
|
-
},
|
|
572
|
-
"lg": {
|
|
573
|
-
"value": "{ivy-framework.source.sizing.6}",
|
|
574
|
-
"type": "spacing"
|
|
575
|
-
},
|
|
576
|
-
"xl": {
|
|
577
|
-
"value": "{ivy-framework.source.sizing.8}",
|
|
578
|
-
"type": "spacing"
|
|
579
|
-
},
|
|
580
|
-
"2xl": {
|
|
581
|
-
"value": "{ivy-framework.source.sizing.12}",
|
|
582
|
-
"type": "spacing"
|
|
583
|
-
},
|
|
584
|
-
"3xl": {
|
|
585
|
-
"value": "{ivy-framework.source.sizing.16}",
|
|
586
|
-
"type": "spacing"
|
|
587
|
-
}
|
|
588
452
|
}
|
|
589
453
|
}
|
|
590
454
|
},
|
|
@@ -787,6 +651,78 @@
|
|
|
787
651
|
"type": "color"
|
|
788
652
|
}
|
|
789
653
|
}
|
|
654
|
+
},
|
|
655
|
+
"border-radius": {
|
|
656
|
+
"border-radius": {
|
|
657
|
+
"none": {
|
|
658
|
+
"value": "{ivy-framework.source.sizing.0}",
|
|
659
|
+
"type": "borderRadius"
|
|
660
|
+
},
|
|
661
|
+
"sm": {
|
|
662
|
+
"value": "{ivy-framework.source.sizing.1}",
|
|
663
|
+
"type": "borderRadius"
|
|
664
|
+
},
|
|
665
|
+
"md": {
|
|
666
|
+
"value": "{ivy-framework.source.sizing.2}",
|
|
667
|
+
"type": "borderRadius"
|
|
668
|
+
},
|
|
669
|
+
"lg": {
|
|
670
|
+
"value": "{ivy-framework.source.sizing.3}",
|
|
671
|
+
"type": "borderRadius"
|
|
672
|
+
},
|
|
673
|
+
"xl": {
|
|
674
|
+
"value": "{ivy-framework.source.sizing.4}",
|
|
675
|
+
"type": "borderRadius"
|
|
676
|
+
},
|
|
677
|
+
"2xl": {
|
|
678
|
+
"value": "{ivy-framework.source.sizing.6}",
|
|
679
|
+
"type": "borderRadius"
|
|
680
|
+
},
|
|
681
|
+
"3xl": {
|
|
682
|
+
"value": "{ivy-framework.source.sizing.8}",
|
|
683
|
+
"type": "borderRadius"
|
|
684
|
+
},
|
|
685
|
+
"full": {
|
|
686
|
+
"value": "{ivy-framework.source.sizing.full}",
|
|
687
|
+
"type": "borderRadius"
|
|
688
|
+
}
|
|
689
|
+
}
|
|
690
|
+
},
|
|
691
|
+
"padding": {
|
|
692
|
+
"padding": {
|
|
693
|
+
"none": {
|
|
694
|
+
"value": "{ivy-framework.source.sizing.0}",
|
|
695
|
+
"type": "spacing"
|
|
696
|
+
},
|
|
697
|
+
"xs": {
|
|
698
|
+
"value": "{ivy-framework.source.sizing.1}",
|
|
699
|
+
"type": "spacing"
|
|
700
|
+
},
|
|
701
|
+
"sm": {
|
|
702
|
+
"value": "{ivy-framework.source.sizing.2}",
|
|
703
|
+
"type": "spacing"
|
|
704
|
+
},
|
|
705
|
+
"md": {
|
|
706
|
+
"value": "{ivy-framework.source.sizing.4}",
|
|
707
|
+
"type": "spacing"
|
|
708
|
+
},
|
|
709
|
+
"lg": {
|
|
710
|
+
"value": "{ivy-framework.source.sizing.6}",
|
|
711
|
+
"type": "spacing"
|
|
712
|
+
},
|
|
713
|
+
"xl": {
|
|
714
|
+
"value": "{ivy-framework.source.sizing.8}",
|
|
715
|
+
"type": "spacing"
|
|
716
|
+
},
|
|
717
|
+
"2xl": {
|
|
718
|
+
"value": "{ivy-framework.source.sizing.12}",
|
|
719
|
+
"type": "spacing"
|
|
720
|
+
},
|
|
721
|
+
"3xl": {
|
|
722
|
+
"value": "{ivy-framework.source.sizing.16}",
|
|
723
|
+
"type": "spacing"
|
|
724
|
+
}
|
|
725
|
+
}
|
|
790
726
|
}
|
|
791
727
|
},
|
|
792
728
|
"ivy-web": {
|