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

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.
@@ -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: 2025-12-27T21:27:21.702Z
20
+ /// Generated on: 2026-02-02T12:36:17.877Z
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: 2025-12-27T21:27:21.703Z
21
- /// Total tokens: 25
20
+ /// Generated on: 2026-02-02T12:36:17.878Z
21
+ /// Total tokens: 33
22
22
  /// </remarks>
23
23
  public static class IvyFrameworkDarkThemeTokens
24
24
  {
@@ -65,7 +65,7 @@ namespace Ivy.Themes
65
65
  public static readonly string InfoForeground = "#ffffff";
66
66
 
67
67
  /// <summary>background</summary>
68
- public static readonly string Background = "#000000";
68
+ public static readonly string Background = "#0a0a0a";
69
69
 
70
70
  /// <summary>foreground</summary>
71
71
  public static readonly string Foreground = "#f8f8f8";
@@ -104,6 +104,36 @@ 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
+
107
137
  /// <summary>
108
138
  /// Generates CSS custom properties for all design tokens
109
139
  /// </summary>
@@ -124,6 +154,16 @@ namespace Ivy.Themes
124
154
  css.AppendLine($" --{name}: {value};");
125
155
  }
126
156
  }
157
+ // BorderRadius tokens
158
+ foreach (var field in typeof(BorderRadius).GetFields(System.Reflection.BindingFlags.Public | System.Reflection.BindingFlags.Static))
159
+ {
160
+ if (field.FieldType == typeof(string))
161
+ {
162
+ var name = string.Concat(field.Name.Select((x, i) => i > 0 && char.IsUpper(x) ? "-" + x.ToString() : x.ToString())).ToLower();
163
+ var value = field.GetValue(null);
164
+ css.AppendLine($" --{name}: {value};");
165
+ }
166
+ }
127
167
 
128
168
  css.AppendLine("}");
129
169
  return css.ToString();
@@ -181,7 +221,15 @@ namespace Ivy.Themes
181
221
  "card",
182
222
  "card-foreground",
183
223
  "popover",
184
- "popover-foreground"
224
+ "popover-foreground",
225
+ "none",
226
+ "sm",
227
+ "md",
228
+ "lg",
229
+ "xl",
230
+ "2xl",
231
+ "3xl",
232
+ "full"
185
233
  };
186
234
  }
187
235
 
@@ -203,6 +251,16 @@ namespace Ivy.Themes
203
251
  if (value != null) tokens[name] = value;
204
252
  }
205
253
  }
254
+ // BorderRadius tokens
255
+ foreach (var field in typeof(BorderRadius).GetFields(System.Reflection.BindingFlags.Public | System.Reflection.BindingFlags.Static))
256
+ {
257
+ if (field.FieldType == typeof(string))
258
+ {
259
+ var name = string.Concat(field.Name.Select((x, i) => i > 0 && char.IsUpper(x) ? "-" + x.ToString() : x.ToString())).ToLower();
260
+ var value = field.GetValue(null) as string;
261
+ if (value != null) tokens[name] = value;
262
+ }
263
+ }
206
264
 
207
265
  return tokens;
208
266
  }
@@ -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: 2025-12-27T21:27:21.703Z
21
- /// Total tokens: 25
20
+ /// Generated on: 2026-02-02T12:36:17.877Z
21
+ /// Total tokens: 33
22
22
  /// </remarks>
23
23
  public static class IvyFrameworkLightThemeTokens
24
24
  {
@@ -104,6 +104,36 @@ 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
+
107
137
  /// <summary>
108
138
  /// Generates CSS custom properties for all design tokens
109
139
  /// </summary>
@@ -124,6 +154,16 @@ namespace Ivy.Themes
124
154
  css.AppendLine($" --{name}: {value};");
125
155
  }
126
156
  }
157
+ // BorderRadius tokens
158
+ foreach (var field in typeof(BorderRadius).GetFields(System.Reflection.BindingFlags.Public | System.Reflection.BindingFlags.Static))
159
+ {
160
+ if (field.FieldType == typeof(string))
161
+ {
162
+ var name = string.Concat(field.Name.Select((x, i) => i > 0 && char.IsUpper(x) ? "-" + x.ToString() : x.ToString())).ToLower();
163
+ var value = field.GetValue(null);
164
+ css.AppendLine($" --{name}: {value};");
165
+ }
166
+ }
127
167
 
128
168
  css.AppendLine("}");
129
169
  return css.ToString();
@@ -181,7 +221,15 @@ namespace Ivy.Themes
181
221
  "card",
182
222
  "card-foreground",
183
223
  "popover",
184
- "popover-foreground"
224
+ "popover-foreground",
225
+ "none",
226
+ "sm",
227
+ "md",
228
+ "lg",
229
+ "xl",
230
+ "2xl",
231
+ "3xl",
232
+ "full"
185
233
  };
186
234
  }
187
235
 
@@ -203,6 +251,16 @@ namespace Ivy.Themes
203
251
  if (value != null) tokens[name] = value;
204
252
  }
205
253
  }
254
+ // BorderRadius tokens
255
+ foreach (var field in typeof(BorderRadius).GetFields(System.Reflection.BindingFlags.Public | System.Reflection.BindingFlags.Static))
256
+ {
257
+ if (field.FieldType == typeof(string))
258
+ {
259
+ var name = string.Concat(field.Name.Select((x, i) => i > 0 && char.IsUpper(x) ? "-" + x.ToString() : x.ToString())).ToLower();
260
+ var value = field.GetValue(null) as string;
261
+ if (value != null) tokens[name] = value;
262
+ }
263
+ }
206
264
 
207
265
  return tokens;
208
266
  }
@@ -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: 2025-12-27T21:27:21.702Z
20
+ /// Generated on: 2026-02-02T12:36:17.876Z
21
21
  /// Total tokens: 14
22
22
  /// </remarks>
23
23
  public static class IvyFrameworkNeutralTokens
@@ -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: 2025-12-27T21:27:21.701Z
21
- /// Total tokens: 39
20
+ /// Generated on: 2026-02-02T12:36:17.875Z
21
+ /// Total tokens: 59
22
22
  /// </remarks>
23
23
  public static class IvyFrameworkSourceTokens
24
24
  {
@@ -79,6 +79,9 @@ namespace Ivy.Themes
79
79
  /// <summary>card-dark</summary>
80
80
  public static readonly string CardDark = "#171717";
81
81
 
82
+ /// <summary>background-dark</summary>
83
+ public static readonly string BackgroundDark = "#0a0a0a";
84
+
82
85
  /// <summary>red</summary>
83
86
  public static readonly string Red = "#dd5860";
84
87
 
@@ -146,6 +149,69 @@ namespace Ivy.Themes
146
149
  public static readonly string Stone = "#78716c";
147
150
  }
148
151
 
152
+ /// <summary>
153
+ /// Design tokens for sizing
154
+ /// </summary>
155
+ public static class Sizing
156
+ {
157
+ /// <summary>0</summary>
158
+ public static readonly string _0 = "0rem";
159
+
160
+ /// <summary>1</summary>
161
+ public static readonly string _1 = "0.25rem";
162
+
163
+ /// <summary>2</summary>
164
+ public static readonly string _2 = "0.5rem";
165
+
166
+ /// <summary>3</summary>
167
+ public static readonly string _3 = "0.75rem";
168
+
169
+ /// <summary>4</summary>
170
+ public static readonly string _4 = "1rem";
171
+
172
+ /// <summary>5</summary>
173
+ public static readonly string _5 = "1.25rem";
174
+
175
+ /// <summary>6</summary>
176
+ public static readonly string _6 = "1.5rem";
177
+
178
+ /// <summary>7</summary>
179
+ public static readonly string _7 = "1.75rem";
180
+
181
+ /// <summary>8</summary>
182
+ public static readonly string _8 = "2rem";
183
+
184
+ /// <summary>9</summary>
185
+ public static readonly string _9 = "2.25rem";
186
+
187
+ /// <summary>10</summary>
188
+ public static readonly string _10 = "2.5rem";
189
+
190
+ /// <summary>12</summary>
191
+ public static readonly string _12 = "3rem";
192
+
193
+ /// <summary>14</summary>
194
+ public static readonly string _14 = "3.5rem";
195
+
196
+ /// <summary>16</summary>
197
+ public static readonly string _16 = "4rem";
198
+
199
+ /// <summary>0.5</summary>
200
+ public static readonly string _0_5 = "0.125rem";
201
+
202
+ /// <summary>1.5</summary>
203
+ public static readonly string _1_5 = "0.375rem";
204
+
205
+ /// <summary>2.5</summary>
206
+ public static readonly string _2_5 = "0.625rem";
207
+
208
+ /// <summary>3.5</summary>
209
+ public static readonly string _3_5 = "0.875rem";
210
+
211
+ /// <summary>full</summary>
212
+ public static readonly string Full = "9999px";
213
+ }
214
+
149
215
  /// <summary>
150
216
  /// Generates CSS custom properties for all design tokens
151
217
  /// </summary>
@@ -166,6 +232,16 @@ namespace Ivy.Themes
166
232
  css.AppendLine($" --{name}: {value};");
167
233
  }
168
234
  }
235
+ // Sizing tokens
236
+ foreach (var field in typeof(Sizing).GetFields(System.Reflection.BindingFlags.Public | System.Reflection.BindingFlags.Static))
237
+ {
238
+ if (field.FieldType == typeof(string))
239
+ {
240
+ var name = string.Concat(field.Name.Select((x, i) => i > 0 && char.IsUpper(x) ? "-" + x.ToString() : x.ToString())).ToLower();
241
+ var value = field.GetValue(null);
242
+ css.AppendLine($" --{name}: {value};");
243
+ }
244
+ }
169
245
 
170
246
  css.AppendLine("}");
171
247
  return css.ToString();
@@ -216,6 +292,7 @@ namespace Ivy.Themes
216
292
  "accent-foreground-light",
217
293
  "card-foreground-light",
218
294
  "card-dark",
295
+ "background-dark",
219
296
  "red",
220
297
  "orange",
221
298
  "amber",
@@ -237,7 +314,26 @@ namespace Ivy.Themes
237
314
  "gray",
238
315
  "zinc",
239
316
  "neutral",
240
- "stone"
317
+ "stone",
318
+ "0",
319
+ "1",
320
+ "2",
321
+ "3",
322
+ "4",
323
+ "5",
324
+ "6",
325
+ "7",
326
+ "8",
327
+ "9",
328
+ "10",
329
+ "12",
330
+ "14",
331
+ "16",
332
+ "0.5",
333
+ "1.5",
334
+ "2.5",
335
+ "3.5",
336
+ "full"
241
337
  };
242
338
  }
243
339
 
@@ -259,6 +355,16 @@ namespace Ivy.Themes
259
355
  if (value != null) tokens[name] = value;
260
356
  }
261
357
  }
358
+ // Sizing tokens
359
+ foreach (var field in typeof(Sizing).GetFields(System.Reflection.BindingFlags.Public | System.Reflection.BindingFlags.Static))
360
+ {
361
+ if (field.FieldType == typeof(string))
362
+ {
363
+ var name = string.Concat(field.Name.Select((x, i) => i > 0 && char.IsUpper(x) ? "-" + x.ToString() : x.ToString())).ToLower();
364
+ var value = field.GetValue(null) as string;
365
+ if (value != null) tokens[name] = value;
366
+ }
367
+ }
262
368
 
263
369
  return tokens;
264
370
  }
@@ -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: 2025-12-27T21:27:21.705Z
20
+ /// Generated on: 2026-02-02T12:36:17.879Z
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: 2025-12-27T21:27:21.704Z
20
+ /// Generated on: 2026-02-02T12:36:17.879Z
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: 2025-12-27T21:27:21.704Z
20
+ /// Generated on: 2026-02-02T12:36:17.878Z
21
21
  /// Total tokens: 25
22
22
  /// </remarks>
23
23
  public static class IvyWebSourceTokens
@@ -12,7 +12,7 @@
12
12
  --warning-foreground: #000000;
13
13
  --info: #4469c0;
14
14
  --info-foreground: #ffffff;
15
- --background: #000000;
15
+ --background: #0a0a0a;
16
16
  --foreground: #f8f8f8;
17
17
  --border: #262626;
18
18
  --input: #262626;
@@ -25,5 +25,13 @@
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;
28
36
  }
29
37
  }
@@ -12,7 +12,7 @@
12
12
  --color-warning-foreground: #000000;
13
13
  --color-info: #4469c0;
14
14
  --color-info-foreground: #ffffff;
15
- --color-background: #000000;
15
+ --color-background: #0a0a0a;
16
16
  --color-foreground: #f8f8f8;
17
17
  --color-border: #262626;
18
18
  --color-input: #262626;
@@ -25,5 +25,13 @@
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;
28
36
  }
29
37
  }
@@ -25,5 +25,13 @@
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;
28
36
  }
29
37
  }
@@ -17,6 +17,7 @@
17
17
  --accent-foreground-light: #333333;
18
18
  --card-foreground-light: #262626;
19
19
  --card-dark: #171717;
20
+ --background-dark: #0a0a0a;
20
21
  --red: #dd5860;
21
22
  --orange: #dc824d;
22
23
  --amber: #deb145;
@@ -39,5 +40,24 @@
39
40
  --zinc: #71717a;
40
41
  --neutral: #737373;
41
42
  --stone: #78716c;
43
+ --0: 0rem;
44
+ --1: 0.25rem;
45
+ --2: 0.5rem;
46
+ --3: 0.75rem;
47
+ --4: 1rem;
48
+ --5: 1.25rem;
49
+ --6: 1.5rem;
50
+ --7: 1.75rem;
51
+ --8: 2rem;
52
+ --9: 2.25rem;
53
+ --10: 2.5rem;
54
+ --12: 3rem;
55
+ --14: 3.5rem;
56
+ --16: 4rem;
57
+ --0.5: 0.125rem;
58
+ --1.5: 0.375rem;
59
+ --2.5: 0.625rem;
60
+ --3.5: 0.875rem;
61
+ --full: 9999px;
42
62
  }
43
63
  }
@@ -17,6 +17,7 @@
17
17
  --color-accent-foreground-light: #333333;
18
18
  --color-card-foreground-light: #262626;
19
19
  --color-card-dark: #171717;
20
+ --color-background-dark: #0a0a0a;
20
21
  --color-red: #dd5860;
21
22
  --color-orange: #dc824d;
22
23
  --color-amber: #deb145;
@@ -39,5 +40,24 @@
39
40
  --color-zinc: #71717a;
40
41
  --color-neutral: #737373;
41
42
  --color-stone: #78716c;
43
+ --sizing-0: 0rem;
44
+ --sizing-1: 0.25rem;
45
+ --sizing-2: 0.5rem;
46
+ --sizing-3: 0.75rem;
47
+ --sizing-4: 1rem;
48
+ --sizing-5: 1.25rem;
49
+ --sizing-6: 1.5rem;
50
+ --sizing-7: 1.75rem;
51
+ --sizing-8: 2rem;
52
+ --sizing-9: 2.25rem;
53
+ --sizing-10: 2.5rem;
54
+ --sizing-12: 3rem;
55
+ --sizing-14: 3.5rem;
56
+ --sizing-16: 4rem;
57
+ --sizing-0.5: 0.125rem;
58
+ --sizing-1.5: 0.375rem;
59
+ --sizing-2.5: 0.625rem;
60
+ --sizing-3.5: 0.875rem;
61
+ --sizing-full: 9999px;
42
62
  }
43
63
  }
@@ -20,6 +20,7 @@ export type TokenName =
20
20
  | 'color-accent-foreground-light'
21
21
  | 'color-card-foreground-light'
22
22
  | 'color-card-dark'
23
+ | 'color-background-dark'
23
24
  | 'color-red'
24
25
  | 'color-orange'
25
26
  | 'color-amber'
package/dist/js/index.js CHANGED
@@ -20,6 +20,7 @@ export const tokens = {
20
20
  "color-accent-foreground-light": "var(--color-accent-foreground-light)",
21
21
  "color-card-foreground-light": "var(--color-card-foreground-light)",
22
22
  "color-card-dark": "var(--color-card-dark)",
23
+ "color-background-dark": "var(--color-background-dark)",
23
24
  "color-red": "var(--color-red)",
24
25
  "color-orange": "var(--color-orange)",
25
26
  "color-amber": "var(--color-amber)",
@@ -19,6 +19,7 @@ export default {
19
19
  "accent-foreground-light": "var(--color-accent-foreground-light)",
20
20
  "card-foreground-light": "var(--color-card-foreground-light)",
21
21
  "card-dark": "var(--color-card-dark)",
22
+ "background-dark": "var(--color-background-dark)",
22
23
  "red": "var(--color-red)",
23
24
  "orange": "var(--color-orange)",
24
25
  "amber": "var(--color-amber)",