@phcdevworks/spectre-tokens 0.1.0 → 0.2.0

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.
Files changed (10) hide show
  1. package/README.md +91 -7
  2. package/dist/index.cjs +256 -191
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.css +74 -34
  5. package/dist/index.d.cts +57 -68
  6. package/dist/index.d.ts +57 -68
  7. package/dist/index.js +256 -191
  8. package/dist/index.js.map +1 -1
  9. package/package.json +1 -1
  10. package/tokens/core.json +159 -89
package/tokens/core.json CHANGED
@@ -136,22 +136,24 @@
136
136
  "textOnPrimary": "#ffffff"
137
137
  },
138
138
  "badge": {
139
- "primary": {
140
- "bg": "#8652ff",
141
- "text": "#0f172a"
142
- },
143
- "success": {
144
- "bg": "#22c55e",
145
- "text": "#0f172a"
146
- },
147
- "warning": {
148
- "bg": "#f59e0b",
149
- "text": "#0f172a"
150
- },
151
- "danger": {
152
- "bg": "#ef4444",
153
- "text": "#0f172a"
154
- }
139
+ "neutralBg": "#f1f5f9",
140
+ "neutralText": "#334155",
141
+ "infoBg": "#dbeafe",
142
+ "infoText": "#1d4ed8",
143
+ "successBg": "#dcfce7",
144
+ "successText": "#15803d",
145
+ "warningBg": "#fef3c7",
146
+ "warningText": "#b45309",
147
+ "dangerBg": "#fee2e2",
148
+ "dangerText": "#b91c1c"
149
+ },
150
+ "iconBox": {
151
+ "bg": "#ffffff",
152
+ "border": "#e2e8f0",
153
+ "iconDefault": "#6c32e6",
154
+ "iconSuccess": "#16a34a",
155
+ "iconWarning": "#d97706",
156
+ "iconDanger": "#dc2626"
155
157
  }
156
158
  },
157
159
  "modes": {
@@ -226,37 +228,55 @@
226
228
  }
227
229
  },
228
230
  "badge": {
229
- "primary": {
230
- "bg": {
231
- "value": "#8652ff"
232
- },
233
- "text": {
234
- "value": "#0f172a"
235
- }
236
- },
237
- "success": {
238
- "bg": {
239
- "value": "#22c55e"
240
- },
241
- "text": {
242
- "value": "#0f172a"
243
- }
244
- },
245
- "warning": {
246
- "bg": {
247
- "value": "#f59e0b"
248
- },
249
- "text": {
250
- "value": "#0f172a"
251
- }
252
- },
253
- "danger": {
254
- "bg": {
255
- "value": "#ef4444"
256
- },
257
- "text": {
258
- "value": "#0f172a"
259
- }
231
+ "neutralBg": {
232
+ "value": "#f1f5f9"
233
+ },
234
+ "neutralText": {
235
+ "value": "#334155"
236
+ },
237
+ "infoBg": {
238
+ "value": "#dbeafe"
239
+ },
240
+ "infoText": {
241
+ "value": "#1d4ed8"
242
+ },
243
+ "successBg": {
244
+ "value": "#dcfce7"
245
+ },
246
+ "successText": {
247
+ "value": "#15803d"
248
+ },
249
+ "warningBg": {
250
+ "value": "#fef3c7"
251
+ },
252
+ "warningText": {
253
+ "value": "#b45309"
254
+ },
255
+ "dangerBg": {
256
+ "value": "#fee2e2"
257
+ },
258
+ "dangerText": {
259
+ "value": "#b91c1c"
260
+ }
261
+ },
262
+ "iconBox": {
263
+ "bg": {
264
+ "value": "#ffffff"
265
+ },
266
+ "border": {
267
+ "value": "#e2e8f0"
268
+ },
269
+ "iconDefault": {
270
+ "value": "#6c32e6"
271
+ },
272
+ "iconSuccess": {
273
+ "value": "#16a34a"
274
+ },
275
+ "iconWarning": {
276
+ "value": "#d97706"
277
+ },
278
+ "iconDanger": {
279
+ "value": "#dc2626"
260
280
  }
261
281
  }
262
282
  }
@@ -332,37 +352,55 @@
332
352
  }
333
353
  },
334
354
  "badge": {
335
- "primary": {
336
- "bg": {
337
- "value": "#8652ff"
338
- },
339
- "text": {
340
- "value": "#f1f5f9"
341
- }
342
- },
343
- "success": {
344
- "bg": {
345
- "value": "#22c55e"
346
- },
347
- "text": {
348
- "value": "#f1f5f9"
349
- }
350
- },
351
- "warning": {
352
- "bg": {
353
- "value": "#f59e0b"
354
- },
355
- "text": {
356
- "value": "#f1f5f9"
357
- }
358
- },
359
- "danger": {
360
- "bg": {
361
- "value": "#ef4444"
362
- },
363
- "text": {
364
- "value": "#f1f5f9"
365
- }
355
+ "neutralBg": {
356
+ "value": "#334155"
357
+ },
358
+ "neutralText": {
359
+ "value": "#f1f5f9"
360
+ },
361
+ "infoBg": {
362
+ "value": "#1e40af"
363
+ },
364
+ "infoText": {
365
+ "value": "#dbeafe"
366
+ },
367
+ "successBg": {
368
+ "value": "#166534"
369
+ },
370
+ "successText": {
371
+ "value": "#dcfce7"
372
+ },
373
+ "warningBg": {
374
+ "value": "#92400e"
375
+ },
376
+ "warningText": {
377
+ "value": "#fef3c7"
378
+ },
379
+ "dangerBg": {
380
+ "value": "#991b1b"
381
+ },
382
+ "dangerText": {
383
+ "value": "#fee2e2"
384
+ }
385
+ },
386
+ "iconBox": {
387
+ "bg": {
388
+ "value": "#1e293b"
389
+ },
390
+ "border": {
391
+ "value": "#334155"
392
+ },
393
+ "iconDefault": {
394
+ "value": "#a37aff"
395
+ },
396
+ "iconSuccess": {
397
+ "value": "#4ade80"
398
+ },
399
+ "iconWarning": {
400
+ "value": "#fbbf24"
401
+ },
402
+ "iconDanger": {
403
+ "value": "#f87171"
366
404
  }
367
405
  }
368
406
  }
@@ -459,17 +497,49 @@
459
497
  "text": "#94a3b8"
460
498
  }
461
499
  },
462
- "spacing": {
463
- "none": "0rem",
464
- "3xs": "0.125rem",
465
- "2xs": "0.25rem",
466
- "xs": "0.5rem",
467
- "sm": "0.75rem",
468
- "md": "1rem",
469
- "lg": "1.5rem",
470
- "xl": "2rem",
471
- "2xl": "3rem",
472
- "3xl": "4rem"
500
+ "layout": {
501
+ "section": {
502
+ "padding": {
503
+ "sm": "1.5rem",
504
+ "md": "2rem",
505
+ "lg": "3rem"
506
+ },
507
+ "gap": {
508
+ "sm": "1rem",
509
+ "md": "1.5rem",
510
+ "lg": "2rem"
511
+ }
512
+ },
513
+ "stack": {
514
+ "gap": {
515
+ "sm": "0.5rem",
516
+ "md": "0.75rem",
517
+ "lg": "1rem"
518
+ }
519
+ },
520
+ "container": {
521
+ "paddingInline": {
522
+ "sm": "1rem",
523
+ "md": "1.5rem",
524
+ "lg": "2rem"
525
+ }
526
+ }
527
+ },
528
+ "space": {
529
+ "0": "0rem",
530
+ "4": "0.25rem",
531
+ "8": "0.5rem",
532
+ "12": "0.75rem",
533
+ "16": "1rem",
534
+ "20": "1.25rem",
535
+ "24": "1.5rem",
536
+ "32": "2rem",
537
+ "40": "2.5rem",
538
+ "48": "3rem",
539
+ "56": "3.5rem",
540
+ "64": "4rem",
541
+ "80": "5rem",
542
+ "96": "6rem"
473
543
  },
474
544
  "radii": {
475
545
  "none": "0",