@astryxdesign/theme-butter 0.4.2 → 0.4.3-canary.00bed29

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 (5) hide show
  1. package/dist/butter.d.ts +2 -2
  2. package/dist/butter.js +457 -2
  3. package/dist/butter.variants.d.ts +2 -2
  4. package/dist/theme.css +2 -2
  5. package/package.json +4 -4
package/dist/butter.d.ts CHANGED
@@ -2,8 +2,8 @@
2
2
  * @generated by `astryx theme build` — do not edit manually.
3
3
  * Source: src/butterTheme.ts
4
4
  * Command: astryx theme build src/butterTheme.ts --out dist/theme.css
5
- * CLI: @astryxdesign/cli@0.4.2
6
- * Core: @astryxdesign/core@0.4.2
5
+ * CLI: @astryxdesign/cli@0.4.3
6
+ * Core: @astryxdesign/core@0.4.3
7
7
  */
8
8
 
9
9
  /// <reference path="./butter.variants.d.ts" />
package/dist/butter.js CHANGED
@@ -2,8 +2,8 @@
2
2
  * @generated by `astryx theme build` — do not edit manually.
3
3
  * Source: src/butterTheme.ts
4
4
  * Command: astryx theme build src/butterTheme.ts --out dist/theme.css
5
- * CLI: @astryxdesign/cli@0.4.2
6
- * Core: @astryxdesign/core@0.4.2
5
+ * CLI: @astryxdesign/cli@0.4.3
6
+ * Core: @astryxdesign/core@0.4.3
7
7
  */
8
8
 
9
9
  import { butterIconRegistry } from "./icons.mjs";
@@ -193,6 +193,461 @@ export const butterTheme = {
193
193
  "--shadow-inset-warning": "inset 0px 0px 0px 2px #54370030",
194
194
  "--shadow-inset-error": "inset 0px 0px 0px 2px #77121030"
195
195
  },
196
+ components: {
197
+ "heading": {
198
+ "level:1": {
199
+ "fontFamily": "var(--font-family-heading)",
200
+ "fontSize": "var(--text-heading-1-size)",
201
+ "fontWeight": "var(--text-heading-1-weight)",
202
+ "lineHeight": "var(--text-heading-1-leading)"
203
+ },
204
+ "level:2": {
205
+ "fontFamily": "var(--font-family-heading)",
206
+ "fontSize": "var(--text-heading-2-size)",
207
+ "fontWeight": "var(--text-heading-2-weight)",
208
+ "lineHeight": "var(--text-heading-2-leading)"
209
+ },
210
+ "level:3": {
211
+ "fontFamily": "var(--font-family-heading)",
212
+ "fontSize": "var(--text-heading-3-size)",
213
+ "fontWeight": "var(--text-heading-3-weight)",
214
+ "lineHeight": "var(--text-heading-3-leading)"
215
+ },
216
+ "level:4": {
217
+ "fontFamily": "var(--font-family-heading)",
218
+ "fontSize": "var(--text-heading-4-size)",
219
+ "fontWeight": "var(--text-heading-4-weight)",
220
+ "lineHeight": "var(--text-heading-4-leading)"
221
+ },
222
+ "level:5": {
223
+ "fontFamily": "var(--font-family-heading)",
224
+ "fontSize": "var(--text-heading-5-size)",
225
+ "fontWeight": "var(--text-heading-5-weight)",
226
+ "lineHeight": "var(--text-heading-5-leading)"
227
+ },
228
+ "level:6": {
229
+ "fontFamily": "var(--font-family-heading)",
230
+ "fontSize": "var(--text-heading-6-size)",
231
+ "fontWeight": "var(--text-heading-6-weight)",
232
+ "lineHeight": "var(--text-heading-6-leading)"
233
+ },
234
+ "type:display-1": {
235
+ "fontFamily": "var(--font-family-heading)",
236
+ "fontSize": "var(--text-display-1-size)",
237
+ "lineHeight": "var(--text-display-1-leading)"
238
+ },
239
+ "type:display-2": {
240
+ "fontFamily": "var(--font-family-heading)",
241
+ "fontSize": "var(--text-display-2-size)",
242
+ "lineHeight": "var(--text-display-2-leading)"
243
+ },
244
+ "type:display-3": {
245
+ "fontFamily": "var(--font-family-heading)",
246
+ "fontSize": "var(--text-display-3-size)",
247
+ "lineHeight": "var(--text-display-3-leading)"
248
+ }
249
+ },
250
+ "text": {
251
+ "type:body": {
252
+ "fontFamily": "var(--font-family-body)",
253
+ "fontSize": "var(--text-body-size)",
254
+ "lineHeight": "var(--text-body-leading)"
255
+ },
256
+ "type:large": {
257
+ "fontFamily": "var(--font-family-body)",
258
+ "fontSize": "var(--text-large-size)",
259
+ "lineHeight": "var(--text-large-leading)"
260
+ },
261
+ "type:label": {
262
+ "fontFamily": "var(--font-family-body)",
263
+ "fontSize": "var(--text-label-size)",
264
+ "lineHeight": "var(--text-label-leading)"
265
+ },
266
+ "type:code": {
267
+ "fontFamily": "var(--font-family-code)",
268
+ "fontSize": "var(--text-code-size)",
269
+ "lineHeight": "var(--text-code-leading)"
270
+ },
271
+ "type:supporting": {
272
+ "fontFamily": "var(--font-family-body)",
273
+ "fontSize": "var(--text-supporting-size)",
274
+ "lineHeight": "var(--text-supporting-leading)"
275
+ },
276
+ "type:display-1": {
277
+ "fontFamily": "Sarina, \"Brush Script MT\", \"Snell Roundhand\", cursive",
278
+ "fontSize": "var(--text-display-1-size)",
279
+ "lineHeight": "var(--text-display-1-leading)"
280
+ },
281
+ "type:display-2": {
282
+ "fontFamily": "Sarina, \"Brush Script MT\", \"Snell Roundhand\", cursive",
283
+ "fontSize": "var(--text-display-2-size)",
284
+ "lineHeight": "var(--text-display-2-leading)"
285
+ },
286
+ "type:display-3": {
287
+ "fontFamily": "Sarina, \"Brush Script MT\", \"Snell Roundhand\", cursive",
288
+ "fontSize": "var(--text-display-3-size)",
289
+ "lineHeight": "var(--text-display-3-leading)"
290
+ }
291
+ },
292
+ "top-nav-heading": {
293
+ "base": {
294
+ "color": "light-dark(#225BFF, #FDEE8C)",
295
+ "--color-text-primary": "light-dark(#225BFF, #FDEE8C)"
296
+ }
297
+ },
298
+ "top-nav-item": {
299
+ "base": {
300
+ "color": "light-dark(#6E92FF, #FDEE8CCC)"
301
+ },
302
+ "selected": {
303
+ "color": "light-dark(#225BFF, #FDEE8C)",
304
+ "backgroundColor": "transparent",
305
+ ":hover": {
306
+ "backgroundColor": "var(--color-overlay-hover)"
307
+ },
308
+ ":active": {
309
+ "backgroundColor": "var(--color-overlay-pressed)"
310
+ }
311
+ }
312
+ },
313
+ "button": {
314
+ "base": {
315
+ "paddingBlock": "var(--spacing-3)",
316
+ "paddingInline": "var(--spacing-4)"
317
+ },
318
+ "variant:secondary": {
319
+ "backgroundColor": "transparent",
320
+ "borderWidth": "1.5px",
321
+ "borderStyle": "solid",
322
+ "borderColor": "light-dark(#225BFF, #FDEE8C)",
323
+ "color": "light-dark(#225BFF, #FDEE8C)",
324
+ ":hover": {
325
+ "backgroundColor": "light-dark(#225BFF14, #FDEE8C14)"
326
+ }
327
+ },
328
+ "variant:ghost": {
329
+ "color": "light-dark(#225BFF, #FDEE8C)"
330
+ },
331
+ "variant:destructive": {
332
+ "backgroundColor": "light-dark(#ffdad3, #f4b8ae)",
333
+ "color": "light-dark(#550000, #6d211c)"
334
+ }
335
+ },
336
+ "badge": {
337
+ "base": {
338
+ "height": "30px",
339
+ "paddingBlock": "0",
340
+ "paddingInline": "var(--spacing-3)"
341
+ },
342
+ "variant:info": {
343
+ "backgroundColor": "#4883fd",
344
+ "color": "#ffffff"
345
+ },
346
+ "variant:neutral": {
347
+ "backgroundColor": "#ffee7b",
348
+ "color": "#225BFF"
349
+ },
350
+ "variant:success": {
351
+ "backgroundColor": "#91D143",
352
+ "color": "#1d1c11"
353
+ },
354
+ "variant:warning": {
355
+ "backgroundColor": "#ffc502",
356
+ "color": "#1d1c11"
357
+ },
358
+ "variant:error": {
359
+ "backgroundColor": "#fc473b",
360
+ "color": "#ffffff"
361
+ }
362
+ },
363
+ "banner": {
364
+ "status:info": {
365
+ "--color-accent-muted": "#4883fd",
366
+ "--color-text-primary": "#ffffff",
367
+ "--color-text-secondary": "#ffffff",
368
+ "--color-accent": "#ffffff"
369
+ },
370
+ "status:success": {
371
+ "--color-success-muted": "#91D143",
372
+ "--color-text-primary": "#1d1c11",
373
+ "--color-text-secondary": "#1d1c11",
374
+ "--color-success": "#1d1c11"
375
+ },
376
+ "status:warning": {
377
+ "--color-warning-muted": "#ffc502",
378
+ "--color-text-primary": "#1d1c11",
379
+ "--color-text-secondary": "#1d1c11",
380
+ "--color-warning": "#1d1c11"
381
+ },
382
+ "status:error": {
383
+ "--color-error-muted": "#fc473b",
384
+ "--color-text-primary": "#ffffff",
385
+ "--color-text-secondary": "#ffffff",
386
+ "--color-error": "#ffffff"
387
+ }
388
+ },
389
+ "card": {
390
+ "base": {
391
+ "borderRadius": "var(--radius-container)",
392
+ "padding": "var(--spacing-4)"
393
+ },
394
+ "variant:info": {
395
+ "--color-text-primary": "#1d1c11",
396
+ "--color-text-secondary": "#605f52"
397
+ },
398
+ "variant:success": {
399
+ "--color-text-primary": "#1d1c11",
400
+ "--color-text-secondary": "#605f52"
401
+ },
402
+ "variant:warning": {
403
+ "--color-text-primary": "#1d1c11",
404
+ "--color-text-secondary": "#605f52"
405
+ },
406
+ "variant:error": {
407
+ "--color-text-primary": "#1d1c11",
408
+ "--color-text-secondary": "#605f52"
409
+ },
410
+ "variant:blue": {
411
+ "--color-text-primary": "#1d1c11",
412
+ "--color-text-secondary": "#605f52"
413
+ },
414
+ "variant:cyan": {
415
+ "--color-text-primary": "#1d1c11",
416
+ "--color-text-secondary": "#605f52"
417
+ },
418
+ "variant:gray": {
419
+ "--color-text-primary": "#1d1c11",
420
+ "--color-text-secondary": "#605f52"
421
+ },
422
+ "variant:green": {
423
+ "--color-text-primary": "#1d1c11",
424
+ "--color-text-secondary": "#605f52"
425
+ },
426
+ "variant:orange": {
427
+ "--color-text-primary": "#1d1c11",
428
+ "--color-text-secondary": "#605f52"
429
+ },
430
+ "variant:pink": {
431
+ "--color-text-primary": "#1d1c11",
432
+ "--color-text-secondary": "#605f52"
433
+ },
434
+ "variant:purple": {
435
+ "--color-text-primary": "#1d1c11",
436
+ "--color-text-secondary": "#605f52"
437
+ },
438
+ "variant:red": {
439
+ "--color-text-primary": "#1d1c11",
440
+ "--color-text-secondary": "#605f52"
441
+ },
442
+ "variant:teal": {
443
+ "--color-text-primary": "#1d1c11",
444
+ "--color-text-secondary": "#605f52"
445
+ },
446
+ "variant:yellow": {
447
+ "--color-text-primary": "#1d1c11",
448
+ "--color-text-secondary": "#605f52"
449
+ },
450
+ "variant:muted": {
451
+ "--color-text-primary": "#1d1c11",
452
+ "--color-text-secondary": "#605f52"
453
+ }
454
+ },
455
+ "section": {
456
+ "base": {
457
+ "padding": "var(--spacing-4)"
458
+ }
459
+ },
460
+ "progressbar-track": {
461
+ "base": {
462
+ "backgroundColor": "light-dark(#e5e3d4, #725538)"
463
+ }
464
+ },
465
+ "progressbar-fill": {
466
+ "variant:success": {
467
+ "backgroundColor": "#91D143"
468
+ },
469
+ "variant:warning": {
470
+ "backgroundColor": "#ffc502"
471
+ },
472
+ "variant:error": {
473
+ "backgroundColor": "#fc473b"
474
+ }
475
+ },
476
+ "field-status": {
477
+ "type:success": {
478
+ "backgroundColor": "#91D143",
479
+ "color": "#1d1c11"
480
+ },
481
+ "type:warning": {
482
+ "backgroundColor": "#ffc502",
483
+ "color": "#1d1c11"
484
+ },
485
+ "type:error": {
486
+ "backgroundColor": "#fc473b",
487
+ "color": "#ffffff"
488
+ }
489
+ },
490
+ "text-input": {
491
+ "base": {
492
+ "paddingBlock": "var(--spacing-2)",
493
+ "paddingInline": "var(--spacing-3)",
494
+ "borderColor": "var(--color-border)"
495
+ },
496
+ "status:success": {
497
+ "--color-success": "#91D143"
498
+ },
499
+ "status:warning": {
500
+ "--color-warning": "#ffc502"
501
+ },
502
+ "status:error": {
503
+ "--color-error": "#fc473b"
504
+ }
505
+ },
506
+ "textarea": {
507
+ "base": {
508
+ "paddingBlock": "var(--spacing-2)",
509
+ "paddingInline": "var(--spacing-3)",
510
+ "borderColor": "var(--color-border)"
511
+ },
512
+ "status:success": {
513
+ "--color-success": "#91D143"
514
+ },
515
+ "status:warning": {
516
+ "--color-warning": "#ffc502"
517
+ },
518
+ "status:error": {
519
+ "--color-error": "#fc473b"
520
+ }
521
+ },
522
+ "number-input": {
523
+ "base": {
524
+ "paddingBlock": "var(--spacing-2)",
525
+ "paddingInline": "var(--spacing-3)",
526
+ "borderColor": "var(--color-border)"
527
+ },
528
+ "status:success": {
529
+ "--color-success": "#91D143"
530
+ },
531
+ "status:warning": {
532
+ "--color-warning": "#ffc502"
533
+ },
534
+ "status:error": {
535
+ "--color-error": "#fc473b"
536
+ }
537
+ },
538
+ "date-input": {
539
+ "base": {
540
+ "paddingBlock": "var(--spacing-2)",
541
+ "paddingInline": "var(--spacing-3)",
542
+ "borderColor": "var(--color-border)"
543
+ },
544
+ "status:success": {
545
+ "--color-success": "#91D143"
546
+ },
547
+ "status:warning": {
548
+ "--color-warning": "#ffc502"
549
+ },
550
+ "status:error": {
551
+ "--color-error": "#fc473b"
552
+ }
553
+ },
554
+ "time-input": {
555
+ "base": {
556
+ "paddingBlock": "var(--spacing-2)",
557
+ "paddingInline": "var(--spacing-3)",
558
+ "borderColor": "var(--color-border)"
559
+ },
560
+ "status:success": {
561
+ "--color-success": "#91D143"
562
+ },
563
+ "status:warning": {
564
+ "--color-warning": "#ffc502"
565
+ },
566
+ "status:error": {
567
+ "--color-error": "#fc473b"
568
+ }
569
+ },
570
+ "selector": {
571
+ "base": {
572
+ "paddingBlock": "var(--spacing-2)",
573
+ "paddingInline": "var(--spacing-3)",
574
+ "borderColor": "var(--color-border)"
575
+ },
576
+ "status:success": {
577
+ "--color-success": "#91D143"
578
+ },
579
+ "status:warning": {
580
+ "--color-warning": "#ffc502"
581
+ },
582
+ "status:error": {
583
+ "--color-error": "#fc473b"
584
+ }
585
+ },
586
+ "multi-selector": {
587
+ "base": {
588
+ "paddingBlock": "var(--spacing-2)",
589
+ "paddingInline": "var(--spacing-3)",
590
+ "borderColor": "var(--color-border)"
591
+ },
592
+ "status:success": {
593
+ "--color-success": "#91D143"
594
+ },
595
+ "status:warning": {
596
+ "--color-warning": "#ffc502"
597
+ },
598
+ "status:error": {
599
+ "--color-error": "#fc473b"
600
+ }
601
+ },
602
+ "typeahead": {
603
+ "base": {
604
+ "paddingBlock": "var(--spacing-2)",
605
+ "paddingInline": "var(--spacing-3)",
606
+ "borderColor": "var(--color-border)"
607
+ },
608
+ "status:success": {
609
+ "--color-success": "#91D143"
610
+ },
611
+ "status:warning": {
612
+ "--color-warning": "#ffc502"
613
+ },
614
+ "status:error": {
615
+ "--color-error": "#fc473b"
616
+ }
617
+ },
618
+ "tokenizer": {
619
+ "base": {
620
+ "paddingBlock": "var(--spacing-2)",
621
+ "paddingInline": "var(--spacing-3)",
622
+ "borderColor": "var(--color-border)"
623
+ },
624
+ "status:success": {
625
+ "--color-success": "#91D143"
626
+ },
627
+ "status:warning": {
628
+ "--color-warning": "#ffc502"
629
+ },
630
+ "status:error": {
631
+ "--color-error": "#fc473b"
632
+ }
633
+ }
634
+ },
635
+ __onDark: {
636
+ "tokens": {
637
+ "color-scheme": "dark",
638
+ "--color-text-primary": "var(--color-on-dark)",
639
+ "--color-icon-primary": "var(--color-on-dark)",
640
+ "--color-accent": "var(--color-on-dark)"
641
+ }
642
+ },
643
+ __onLight: {
644
+ "tokens": {
645
+ "color-scheme": "light",
646
+ "--color-text-primary": "var(--color-on-light)",
647
+ "--color-icon-primary": "var(--color-on-light)",
648
+ "--color-accent": "var(--color-on-light)"
649
+ }
650
+ },
196
651
  icons: butterIconRegistry,
197
652
  };
198
653
 
package/dist/butter.variants.d.ts CHANGED
@@ -2,8 +2,8 @@
2
2
  * @generated by `astryx theme build` — do not edit manually.
3
3
  * Source: src/butterTheme.ts
4
4
  * Command: astryx theme build src/butterTheme.ts --out dist/theme.css
5
- * CLI: @astryxdesign/cli@0.4.2
6
- * Core: @astryxdesign/core@0.4.2
5
+ * CLI: @astryxdesign/cli@0.4.3
6
+ * Core: @astryxdesign/core@0.4.3
7
7
  */
8
8
 
9
9
  // Generated by astryx theme build
package/dist/theme.css CHANGED
@@ -2,8 +2,8 @@
2
2
  * @generated by `astryx theme build` — do not edit manually.
3
3
  * Source: src/butterTheme.ts
4
4
  * Command: astryx theme build src/butterTheme.ts --out dist/theme.css
5
- * CLI: @astryxdesign/cli@0.4.2
6
- * Core: @astryxdesign/core@0.4.2
5
+ * CLI: @astryxdesign/cli@0.4.3
6
+ * Core: @astryxdesign/core@0.4.3
7
7
  */
8
8
 
9
9
  @layer reset {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@astryxdesign/theme-butter",
3
- "version": "0.4.2",
3
+ "version": "0.4.3-canary.00bed29",
4
4
  "displayName": "Butter Theme",
5
5
  "private": false,
6
6
  "description": "Warm, creamy yellows with a friendly blue accent. Playful enough for consumer surfaces, soft enough to stay readable.",
@@ -49,14 +49,14 @@
49
49
  "lucide-react": "^1.18.0"
50
50
  },
51
51
  "peerDependencies": {
52
- "@astryxdesign/core": "0.4.2",
52
+ "@astryxdesign/core": "0.4.3-canary.00bed29",
53
53
  "react": ">=19"
54
54
  },
55
55
  "devDependencies": {
56
- "@astryxdesign/cli": "0.4.2"
56
+ "@astryxdesign/cli": "0.4.3-canary.00bed29"
57
57
  },
58
58
  "module": "./dist/source.mjs",
59
59
  "scripts": {
60
- "build": "astryx theme build src/butterTheme.ts -o dist/theme.css --icons-specifier ./icons.mjs && tsup && tsc --project tsconfig.build.json"
60
+ "build": "astryx theme build src/butterTheme.ts -o dist/theme.css --icons-specifier ./icons.mjs && tsup && tsc --project tsconfig.build.json && node ../../../scripts/check-fully-specified.mjs"
61
61
  }
62
62
  }