@ivy-interactive/ivy-design-system 1.1.28 → 1.1.29
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 +1 -1
- package/dist/csharp/IvyFrameworkChromaticTokens.cs +12 -4
- package/dist/csharp/IvyFrameworkDarkThemeTokens.cs +1 -1
- package/dist/csharp/IvyFrameworkLightThemeTokens.cs +1 -1
- package/dist/csharp/IvyFrameworkNeutralTokens.cs +1 -1
- package/dist/csharp/IvyFrameworkPaddingTokens.cs +1 -1
- package/dist/csharp/IvyFrameworkShadowTokens.cs +1 -1
- package/dist/csharp/IvyFrameworkSourceTokens.cs +1018 -2
- 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-chromatic-flat.css +3 -1
- package/dist/css/ivy-framework-chromatic.css +3 -1
- package/dist/css/ivy-framework-source-flat.css +1 -0
- package/dist/css/ivy-framework-source.css +254 -0
- package/dist/js/index.d.ts +2 -1
- package/dist/js/index.js +2 -1
- package/dist/tailwind/ivy-framework.js +2 -1
- package/dist/tokens/index.json +333 -22
- package/package.json +3 -1
package/dist/tokens/index.json
CHANGED
|
@@ -80,91 +80,394 @@
|
|
|
80
80
|
},
|
|
81
81
|
"red": {
|
|
82
82
|
"value": "#ef4444",
|
|
83
|
-
"type": "color"
|
|
83
|
+
"type": "color",
|
|
84
|
+
"scale": {
|
|
85
|
+
"50": "#fff1ef",
|
|
86
|
+
"100": "#ffdeda",
|
|
87
|
+
"200": "#ffc2bc",
|
|
88
|
+
"300": "#fe9b93",
|
|
89
|
+
"400": "#f76c65",
|
|
90
|
+
"500": "#ef4444",
|
|
91
|
+
"600": "#b63232",
|
|
92
|
+
"700": "#912626",
|
|
93
|
+
"800": "#6e1a1a",
|
|
94
|
+
"900": "#490e0e",
|
|
95
|
+
"950": "#2d0606"
|
|
96
|
+
}
|
|
84
97
|
},
|
|
85
98
|
"orange": {
|
|
86
99
|
"value": "#f97316",
|
|
87
|
-
"type": "color"
|
|
100
|
+
"type": "color",
|
|
101
|
+
"scale": {
|
|
102
|
+
"50": "#fff2ea",
|
|
103
|
+
"100": "#ffe0cf",
|
|
104
|
+
"200": "#ffc5a6",
|
|
105
|
+
"300": "#ff9f6d",
|
|
106
|
+
"400": "#f77216",
|
|
107
|
+
"500": "#f97316",
|
|
108
|
+
"600": "#a64a0b",
|
|
109
|
+
"700": "#843a06",
|
|
110
|
+
"800": "#642a04",
|
|
111
|
+
"900": "#411901",
|
|
112
|
+
"950": "#280d01"
|
|
113
|
+
}
|
|
88
114
|
},
|
|
89
115
|
"amber": {
|
|
90
116
|
"value": "#f59e0b",
|
|
91
|
-
"type": "color"
|
|
117
|
+
"type": "color",
|
|
118
|
+
"scale": {
|
|
119
|
+
"50": "#fff3e6",
|
|
120
|
+
"100": "#fee3c5",
|
|
121
|
+
"200": "#fcca91",
|
|
122
|
+
"300": "#f6a83d",
|
|
123
|
+
"400": "#d88b08",
|
|
124
|
+
"500": "#f59e0b",
|
|
125
|
+
"600": "#915c03",
|
|
126
|
+
"700": "#734802",
|
|
127
|
+
"800": "#563501",
|
|
128
|
+
"900": "#382000",
|
|
129
|
+
"950": "#221200"
|
|
130
|
+
}
|
|
92
131
|
},
|
|
93
132
|
"yellow": {
|
|
94
133
|
"value": "#eab308",
|
|
95
|
-
"type": "color"
|
|
134
|
+
"type": "color",
|
|
135
|
+
"scale": {
|
|
136
|
+
"50": "#fcf4e4",
|
|
137
|
+
"100": "#f8e6bf",
|
|
138
|
+
"200": "#f2d084",
|
|
139
|
+
"300": "#e8b108",
|
|
140
|
+
"400": "#c59705",
|
|
141
|
+
"500": "#eab308",
|
|
142
|
+
"600": "#846302",
|
|
143
|
+
"700": "#684e01",
|
|
144
|
+
"800": "#4e3a01",
|
|
145
|
+
"900": "#322400",
|
|
146
|
+
"950": "#1e1400"
|
|
147
|
+
}
|
|
96
148
|
},
|
|
97
149
|
"lime": {
|
|
98
150
|
"value": "#84cc16",
|
|
99
|
-
"type": "color"
|
|
151
|
+
"type": "color",
|
|
152
|
+
"scale": {
|
|
153
|
+
"50": "#eff9e7",
|
|
154
|
+
"100": "#daf1c6",
|
|
155
|
+
"200": "#bae494",
|
|
156
|
+
"300": "#90d142",
|
|
157
|
+
"400": "#74b412",
|
|
158
|
+
"500": "#84cc16",
|
|
159
|
+
"600": "#4c7808",
|
|
160
|
+
"700": "#3b5f05",
|
|
161
|
+
"800": "#2b4703",
|
|
162
|
+
"900": "#192d01",
|
|
163
|
+
"950": "#0d1b00"
|
|
164
|
+
}
|
|
100
165
|
},
|
|
101
166
|
"green": {
|
|
102
167
|
"value": "#22c55e",
|
|
103
|
-
"type": "color"
|
|
168
|
+
"type": "color",
|
|
169
|
+
"scale": {
|
|
170
|
+
"50": "#ecf9ee",
|
|
171
|
+
"100": "#d2f2d7",
|
|
172
|
+
"200": "#abe5b5",
|
|
173
|
+
"300": "#70d487",
|
|
174
|
+
"400": "#20bd5a",
|
|
175
|
+
"500": "#22c55e",
|
|
176
|
+
"600": "#127e3a",
|
|
177
|
+
"700": "#0c632c",
|
|
178
|
+
"800": "#074a1f",
|
|
179
|
+
"900": "#033012",
|
|
180
|
+
"950": "#011c08"
|
|
181
|
+
}
|
|
104
182
|
},
|
|
105
183
|
"emerald": {
|
|
106
184
|
"value": "#10b981",
|
|
107
|
-
"type": "color"
|
|
185
|
+
"type": "color",
|
|
186
|
+
"scale": {
|
|
187
|
+
"50": "#edf8f2",
|
|
188
|
+
"100": "#d5efe1",
|
|
189
|
+
"200": "#afe2c8",
|
|
190
|
+
"300": "#79cfa7",
|
|
191
|
+
"400": "#1dba83",
|
|
192
|
+
"500": "#10b981",
|
|
193
|
+
"600": "#077c55",
|
|
194
|
+
"700": "#046243",
|
|
195
|
+
"800": "#024931",
|
|
196
|
+
"900": "#012f1e",
|
|
197
|
+
"950": "#001c10"
|
|
198
|
+
}
|
|
108
199
|
},
|
|
109
200
|
"teal": {
|
|
110
201
|
"value": "#14b8a6",
|
|
111
|
-
"type": "color"
|
|
202
|
+
"type": "color",
|
|
203
|
+
"scale": {
|
|
204
|
+
"50": "#edf8f6",
|
|
205
|
+
"100": "#d4efe9",
|
|
206
|
+
"200": "#aee0d7",
|
|
207
|
+
"300": "#76cdbf",
|
|
208
|
+
"400": "#14b7a5",
|
|
209
|
+
"500": "#14b8a6",
|
|
210
|
+
"600": "#097a6d",
|
|
211
|
+
"700": "#066056",
|
|
212
|
+
"800": "#034840",
|
|
213
|
+
"900": "#012e28",
|
|
214
|
+
"950": "#011b17"
|
|
215
|
+
}
|
|
112
216
|
},
|
|
113
217
|
"cyan": {
|
|
114
218
|
"value": "#06b6d4",
|
|
115
|
-
"type": "color"
|
|
219
|
+
"type": "color",
|
|
220
|
+
"scale": {
|
|
221
|
+
"50": "#ecf8fb",
|
|
222
|
+
"100": "#d2eef5",
|
|
223
|
+
"200": "#aadeec",
|
|
224
|
+
"300": "#6fcae0",
|
|
225
|
+
"400": "#06b1ce",
|
|
226
|
+
"500": "#06b6d4",
|
|
227
|
+
"600": "#02768a",
|
|
228
|
+
"700": "#015d6d",
|
|
229
|
+
"800": "#014552",
|
|
230
|
+
"900": "#002c35",
|
|
231
|
+
"950": "#001a20"
|
|
232
|
+
}
|
|
116
233
|
},
|
|
117
234
|
"sky": {
|
|
118
235
|
"value": "#0ea5e9",
|
|
119
|
-
"type": "color"
|
|
236
|
+
"type": "color",
|
|
237
|
+
"scale": {
|
|
238
|
+
"50": "#edf7fe",
|
|
239
|
+
"100": "#d4ecfc",
|
|
240
|
+
"200": "#afdbf8",
|
|
241
|
+
"300": "#7bc4f2",
|
|
242
|
+
"400": "#2daaea",
|
|
243
|
+
"500": "#0ea5e9",
|
|
244
|
+
"600": "#0671a1",
|
|
245
|
+
"700": "#045980",
|
|
246
|
+
"800": "#024261",
|
|
247
|
+
"900": "#012a3f",
|
|
248
|
+
"950": "#001827"
|
|
249
|
+
}
|
|
120
250
|
},
|
|
121
251
|
"blue": {
|
|
122
252
|
"value": "#3b82f6",
|
|
123
|
-
"type": "color"
|
|
253
|
+
"type": "color",
|
|
254
|
+
"scale": {
|
|
255
|
+
"50": "#eff6ff",
|
|
256
|
+
"100": "#dbe9ff",
|
|
257
|
+
"200": "#bcd6ff",
|
|
258
|
+
"300": "#93bcfe",
|
|
259
|
+
"400": "#659dfa",
|
|
260
|
+
"500": "#3b82f6",
|
|
261
|
+
"600": "#2c65c1",
|
|
262
|
+
"700": "#214f9a",
|
|
263
|
+
"800": "#173b75",
|
|
264
|
+
"900": "#0c254d",
|
|
265
|
+
"950": "#051531"
|
|
266
|
+
}
|
|
124
267
|
},
|
|
125
268
|
"indigo": {
|
|
126
269
|
"value": "#6366f1",
|
|
127
|
-
"type": "color"
|
|
270
|
+
"type": "color",
|
|
271
|
+
"scale": {
|
|
272
|
+
"50": "#f2f4ff",
|
|
273
|
+
"100": "#e2e6ff",
|
|
274
|
+
"200": "#c9d1ff",
|
|
275
|
+
"300": "#aab5fd",
|
|
276
|
+
"400": "#8894f8",
|
|
277
|
+
"500": "#6366f1",
|
|
278
|
+
"600": "#5356ce",
|
|
279
|
+
"700": "#4143a4",
|
|
280
|
+
"800": "#30317d",
|
|
281
|
+
"900": "#1d1e53",
|
|
282
|
+
"950": "#0f1035"
|
|
283
|
+
}
|
|
128
284
|
},
|
|
129
285
|
"violet": {
|
|
130
286
|
"value": "#8b5cf6",
|
|
131
|
-
"type": "color"
|
|
287
|
+
"type": "color",
|
|
288
|
+
"scale": {
|
|
289
|
+
"50": "#f5f3ff",
|
|
290
|
+
"100": "#e8e4ff",
|
|
291
|
+
"200": "#d5ccff",
|
|
292
|
+
"300": "#bdacff",
|
|
293
|
+
"400": "#a387fb",
|
|
294
|
+
"500": "#8b5cf6",
|
|
295
|
+
"600": "#704ac9",
|
|
296
|
+
"700": "#5939a0",
|
|
297
|
+
"800": "#42297a",
|
|
298
|
+
"900": "#2a1951",
|
|
299
|
+
"950": "#180d33"
|
|
300
|
+
}
|
|
132
301
|
},
|
|
133
302
|
"purple": {
|
|
134
303
|
"value": "#a855f7",
|
|
135
|
-
"type": "color"
|
|
304
|
+
"type": "color",
|
|
305
|
+
"scale": {
|
|
306
|
+
"50": "#f8f2ff",
|
|
307
|
+
"100": "#eee1ff",
|
|
308
|
+
"200": "#dfc8ff",
|
|
309
|
+
"300": "#cda5ff",
|
|
310
|
+
"400": "#b87cfb",
|
|
311
|
+
"500": "#a855f7",
|
|
312
|
+
"600": "#8240c1",
|
|
313
|
+
"700": "#67329a",
|
|
314
|
+
"800": "#4d2374",
|
|
315
|
+
"900": "#31154d",
|
|
316
|
+
"950": "#1e0a31"
|
|
317
|
+
}
|
|
136
318
|
},
|
|
137
319
|
"fuchsia": {
|
|
138
320
|
"value": "#d946ef",
|
|
139
|
-
"type": "color"
|
|
321
|
+
"type": "color",
|
|
322
|
+
"scale": {
|
|
323
|
+
"50": "#fdf0ff",
|
|
324
|
+
"100": "#faddfe",
|
|
325
|
+
"200": "#f4befc",
|
|
326
|
+
"300": "#eb95f8",
|
|
327
|
+
"400": "#de5ff1",
|
|
328
|
+
"500": "#d946ef",
|
|
329
|
+
"600": "#9b30ab",
|
|
330
|
+
"700": "#7b2488",
|
|
331
|
+
"800": "#5d1967",
|
|
332
|
+
"900": "#3d0d44",
|
|
333
|
+
"950": "#25052a"
|
|
334
|
+
}
|
|
140
335
|
},
|
|
141
336
|
"pink": {
|
|
142
337
|
"value": "#ec4899",
|
|
143
|
-
"type": "color"
|
|
338
|
+
"type": "color",
|
|
339
|
+
"scale": {
|
|
340
|
+
"50": "#fff0f6",
|
|
341
|
+
"100": "#ffddea",
|
|
342
|
+
"200": "#ffbfd7",
|
|
343
|
+
"300": "#fb97c0",
|
|
344
|
+
"400": "#f265a6",
|
|
345
|
+
"500": "#ec4899",
|
|
346
|
+
"600": "#ad326f",
|
|
347
|
+
"700": "#8a2657",
|
|
348
|
+
"800": "#681b41",
|
|
349
|
+
"900": "#440e29",
|
|
350
|
+
"950": "#2b0618"
|
|
351
|
+
}
|
|
144
352
|
},
|
|
145
353
|
"rose": {
|
|
146
354
|
"value": "#f43f5e",
|
|
147
|
-
"type": "color"
|
|
355
|
+
"type": "color",
|
|
356
|
+
"scale": {
|
|
357
|
+
"50": "#fff1f1",
|
|
358
|
+
"100": "#ffddde",
|
|
359
|
+
"200": "#ffc0c2",
|
|
360
|
+
"300": "#ff979e",
|
|
361
|
+
"400": "#fa6676",
|
|
362
|
+
"500": "#f43f5e",
|
|
363
|
+
"600": "#b72d44",
|
|
364
|
+
"700": "#922235",
|
|
365
|
+
"800": "#6e1726",
|
|
366
|
+
"900": "#490c16",
|
|
367
|
+
"950": "#2e050b"
|
|
368
|
+
}
|
|
148
369
|
},
|
|
149
370
|
"slate": {
|
|
150
371
|
"value": "#64748b",
|
|
151
|
-
"type": "color"
|
|
372
|
+
"type": "color",
|
|
373
|
+
"scale": {
|
|
374
|
+
"50": "#f4f5f7",
|
|
375
|
+
"100": "#e5e8ec",
|
|
376
|
+
"200": "#cfd5dc",
|
|
377
|
+
"300": "#b3bbc7",
|
|
378
|
+
"400": "#949fb0",
|
|
379
|
+
"500": "#64748b",
|
|
380
|
+
"600": "#5b6a7f",
|
|
381
|
+
"700": "#475365",
|
|
382
|
+
"800": "#343e4b",
|
|
383
|
+
"900": "#202730",
|
|
384
|
+
"950": "#12161d"
|
|
385
|
+
}
|
|
152
386
|
},
|
|
153
387
|
"gray": {
|
|
154
388
|
"value": "#6b7280",
|
|
155
|
-
"type": "color"
|
|
389
|
+
"type": "color",
|
|
390
|
+
"scale": {
|
|
391
|
+
"50": "#f4f5f6",
|
|
392
|
+
"100": "#e6e8ea",
|
|
393
|
+
"200": "#d2d4d9",
|
|
394
|
+
"300": "#b7bbc2",
|
|
395
|
+
"400": "#9a9fa8",
|
|
396
|
+
"500": "#6b7280",
|
|
397
|
+
"600": "#636976",
|
|
398
|
+
"700": "#4d535d",
|
|
399
|
+
"800": "#393d45",
|
|
400
|
+
"900": "#24262c",
|
|
401
|
+
"950": "#14161a"
|
|
402
|
+
}
|
|
156
403
|
},
|
|
157
404
|
"zinc": {
|
|
158
405
|
"value": "#71717a",
|
|
159
|
-
"type": "color"
|
|
406
|
+
"type": "color",
|
|
407
|
+
"scale": {
|
|
408
|
+
"50": "#f5f5f6",
|
|
409
|
+
"100": "#e8e8e9",
|
|
410
|
+
"200": "#d4d4d7",
|
|
411
|
+
"300": "#bababf",
|
|
412
|
+
"400": "#9e9ea4",
|
|
413
|
+
"500": "#71717a",
|
|
414
|
+
"600": "#686870",
|
|
415
|
+
"700": "#525259",
|
|
416
|
+
"800": "#3c3c42",
|
|
417
|
+
"900": "#26262a",
|
|
418
|
+
"950": "#161618"
|
|
419
|
+
}
|
|
160
420
|
},
|
|
161
421
|
"neutral": {
|
|
162
422
|
"value": "#737373",
|
|
163
|
-
"type": "color"
|
|
423
|
+
"type": "color",
|
|
424
|
+
"scale": {
|
|
425
|
+
"50": "#f5f5f5",
|
|
426
|
+
"100": "#e8e8e8",
|
|
427
|
+
"200": "#d4d4d4",
|
|
428
|
+
"300": "#bababa",
|
|
429
|
+
"400": "#9e9e9e",
|
|
430
|
+
"500": "#737373",
|
|
431
|
+
"600": "#696969",
|
|
432
|
+
"700": "#525252",
|
|
433
|
+
"800": "#3d3d3d",
|
|
434
|
+
"900": "#262626",
|
|
435
|
+
"950": "#161616"
|
|
436
|
+
}
|
|
164
437
|
},
|
|
165
438
|
"stone": {
|
|
166
439
|
"value": "#78716c",
|
|
167
|
-
"type": "color"
|
|
440
|
+
"type": "color",
|
|
441
|
+
"scale": {
|
|
442
|
+
"50": "#f5f5f4",
|
|
443
|
+
"100": "#e9e7e7",
|
|
444
|
+
"200": "#d6d4d2",
|
|
445
|
+
"300": "#bdbab7",
|
|
446
|
+
"400": "#a29d9a",
|
|
447
|
+
"500": "#78716c",
|
|
448
|
+
"600": "#6e6763",
|
|
449
|
+
"700": "#57514e",
|
|
450
|
+
"800": "#403c39",
|
|
451
|
+
"900": "#292624",
|
|
452
|
+
"950": "#181614"
|
|
453
|
+
}
|
|
454
|
+
},
|
|
455
|
+
"ivy-green": {
|
|
456
|
+
"value": "#00cc92",
|
|
457
|
+
"type": "color",
|
|
458
|
+
"scale": {
|
|
459
|
+
"50": "#eaf9f2",
|
|
460
|
+
"100": "#cef2e0",
|
|
461
|
+
"200": "#a1e6c6",
|
|
462
|
+
"300": "#59d5a4",
|
|
463
|
+
"400": "#00bb85",
|
|
464
|
+
"500": "#00cc92",
|
|
465
|
+
"600": "#007c58",
|
|
466
|
+
"700": "#006244",
|
|
467
|
+
"800": "#004932",
|
|
468
|
+
"900": "#002f1f",
|
|
469
|
+
"950": "#001c11"
|
|
470
|
+
}
|
|
168
471
|
}
|
|
169
472
|
},
|
|
170
473
|
"sizing": {
|
|
@@ -651,6 +954,14 @@
|
|
|
651
954
|
"type": "color"
|
|
652
955
|
},
|
|
653
956
|
"rose-foreground": {
|
|
957
|
+
"value": "{ivy-framework.source.color.white}",
|
|
958
|
+
"type": "color"
|
|
959
|
+
},
|
|
960
|
+
"ivy-green": {
|
|
961
|
+
"value": "{ivy-framework.source.color.ivy-green}",
|
|
962
|
+
"type": "color"
|
|
963
|
+
},
|
|
964
|
+
"ivy-green-foreground": {
|
|
654
965
|
"value": "{ivy-framework.source.color.black}",
|
|
655
966
|
"type": "color"
|
|
656
967
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ivy-interactive/ivy-design-system",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.29",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -27,6 +27,8 @@
|
|
|
27
27
|
"./css/ivy-framework-neutral.css": "./dist/css/ivy-framework-neutral.css",
|
|
28
28
|
"./css/ivy-framework-shadow": "./dist/css/ivy-framework-shadow.css",
|
|
29
29
|
"./css/ivy-framework-shadow.css": "./dist/css/ivy-framework-shadow.css",
|
|
30
|
+
"./css/ivy-framework-color-scale": "./dist/css/ivy-framework-color-scale.css",
|
|
31
|
+
"./css/ivy-framework-color-scale.css": "./dist/css/ivy-framework-color-scale.css",
|
|
30
32
|
"./css/ivy-web": "./dist/css/ivy-web-light.css",
|
|
31
33
|
"./css/ivy-web-light": "./dist/css/ivy-web-light.css",
|
|
32
34
|
"./css/ivy-web-dark": "./dist/css/ivy-web-dark.css",
|