@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.
- package/dist/csharp/IvyFrameworkChromaticTokens.cs +1 -1
- package/dist/csharp/IvyFrameworkDarkThemeTokens.cs +62 -4
- package/dist/csharp/IvyFrameworkLightThemeTokens.cs +61 -3
- package/dist/csharp/IvyFrameworkNeutralTokens.cs +1 -1
- package/dist/csharp/IvyFrameworkSourceTokens.cs +109 -3
- 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-dark-flat.css +9 -1
- package/dist/css/ivy-framework-dark.css +9 -1
- package/dist/css/ivy-framework-light.css +8 -0
- package/dist/css/ivy-framework-source-flat.css +20 -0
- package/dist/css/ivy-framework-source.css +20 -0
- package/dist/js/index.d.ts +1 -0
- package/dist/js/index.js +1 -0
- package/dist/tailwind/ivy-framework.js +1 -0
- package/dist/tokens/index.json +828 -694
- package/package.json +1 -1
|
@@ -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:
|
|
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:
|
|
21
|
-
/// Total tokens:
|
|
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 = "#
|
|
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:
|
|
21
|
-
/// Total tokens:
|
|
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:
|
|
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:
|
|
21
|
-
/// Total tokens:
|
|
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:
|
|
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:
|
|
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:
|
|
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: #
|
|
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: #
|
|
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
|
}
|
package/dist/js/index.d.ts
CHANGED
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)",
|