@astryxdesign/theme-neutral 0.5.2 → 0.5.3

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 (27) hide show
  1. package/README.md +37 -9
  2. package/dist/neutral.d.ts +2 -2
  3. package/dist/neutral.js +174 -101
  4. package/dist/neutral.variants.d.ts +17 -2
  5. package/dist/neutralPaletteRefs.generated.d.ts +156 -0
  6. package/dist/neutralPaletteRefs.generated.d.ts.map +1 -0
  7. package/dist/neutralPalettes.d.ts +3 -0
  8. package/dist/neutralPalettes.d.ts.map +1 -0
  9. package/dist/neutralPalettes.generated.d.ts +494 -0
  10. package/dist/neutralPalettes.generated.d.ts.map +1 -0
  11. package/dist/neutralPalettes.test.d.ts +2 -0
  12. package/dist/neutralPalettes.test.d.ts.map +1 -0
  13. package/dist/neutralTheme.d.ts.map +1 -1
  14. package/dist/neutralTheme.test.d.ts +2 -0
  15. package/dist/neutralTheme.test.d.ts.map +1 -0
  16. package/dist/source.js +252 -386
  17. package/dist/source.mjs +256 -387
  18. package/dist/theme.css +163 -100
  19. package/package.json +5 -4
  20. package/palette.config.json +122 -0
  21. package/src/neutralPaletteRefs.generated.ts +50 -0
  22. package/src/neutralPalettes.generated.receipt.json +624 -0
  23. package/src/neutralPalettes.generated.ts +498 -0
  24. package/src/neutralPalettes.test.ts +67 -0
  25. package/src/neutralPalettes.ts +7 -0
  26. package/src/neutralTheme.test.ts +373 -0
  27. package/src/neutralTheme.ts +240 -424
package/src/neutralPalettes.generated.receipt.json ADDED
@@ -0,0 +1,624 @@
1
+ {
2
+ "schemaVersion": 1,
3
+ "recipe": "astryx-oklch-v1",
4
+ "candidateSha256": "114da1b89911392004e6a4fab88faf59124a6460483563debc93b2c682976a70",
5
+ "request": {
6
+ "recipe": "astryx-oklch-v1",
7
+ "vibrancy": 50,
8
+ "neutralProfile": "neutral-v1",
9
+ "modeStrategy": "light-and-dark",
10
+ "darkChromaTaper": {
11
+ "edgeMultiplier": 0.5,
12
+ "throughStop": 25,
13
+ "recoverAtStop": 60,
14
+ "familyMultipliers": {
15
+ "yellow": 0.65
16
+ }
17
+ },
18
+ "stops": [
19
+ 0,
20
+ 5,
21
+ 10,
22
+ 15,
23
+ 20,
24
+ 25,
25
+ 30,
26
+ 35,
27
+ 40,
28
+ 45,
29
+ 50,
30
+ 55,
31
+ 60,
32
+ 65,
33
+ 70,
34
+ 75,
35
+ 80,
36
+ 85,
37
+ 90,
38
+ 95,
39
+ 100
40
+ ],
41
+ "families": [
42
+ {
43
+ "id": "neutral",
44
+ "name": "Neutral",
45
+ "seed": "#777777",
46
+ "kind": "neutral",
47
+ "anchors": []
48
+ },
49
+ {
50
+ "id": "red",
51
+ "name": "Red",
52
+ "seed": "#d62830",
53
+ "kind": "chromatic",
54
+ "anchors": []
55
+ },
56
+ {
57
+ "id": "orange",
58
+ "name": "Orange",
59
+ "seed": "#d57113",
60
+ "kind": "chromatic",
61
+ "anchors": []
62
+ },
63
+ {
64
+ "id": "yellow",
65
+ "name": "Yellow",
66
+ "seed": "#f8c723",
67
+ "kind": "chromatic",
68
+ "anchors": [
69
+ {
70
+ "mode": "light",
71
+ "stop": 80,
72
+ "color": "#f8c723",
73
+ "policy": "flexible"
74
+ }
75
+ ]
76
+ },
77
+ {
78
+ "id": "green",
79
+ "name": "Green",
80
+ "seed": "#358a3a",
81
+ "kind": "chromatic",
82
+ "anchors": [
83
+ {
84
+ "mode": "light",
85
+ "stop": 50,
86
+ "color": "#358a3a",
87
+ "policy": "flexible"
88
+ }
89
+ ]
90
+ },
91
+ {
92
+ "id": "teal",
93
+ "name": "Teal",
94
+ "seed": "#0c7365",
95
+ "kind": "chromatic",
96
+ "anchors": []
97
+ },
98
+ {
99
+ "id": "cyan",
100
+ "name": "Cyan",
101
+ "seed": "#0c6f82",
102
+ "kind": "chromatic",
103
+ "anchors": []
104
+ },
105
+ {
106
+ "id": "blue",
107
+ "name": "Blue",
108
+ "seed": "#0074e2",
109
+ "kind": "chromatic",
110
+ "anchors": [
111
+ {
112
+ "mode": "light",
113
+ "stop": 50,
114
+ "color": "#0074e2",
115
+ "policy": "exact"
116
+ }
117
+ ]
118
+ },
119
+ {
120
+ "id": "purple",
121
+ "name": "Purple",
122
+ "seed": "#980fb2",
123
+ "kind": "chromatic",
124
+ "anchors": [
125
+ {
126
+ "mode": "light",
127
+ "stop": 50,
128
+ "color": "#980fb2",
129
+ "policy": "flexible"
130
+ }
131
+ ]
132
+ },
133
+ {
134
+ "id": "pink",
135
+ "name": "Pink",
136
+ "seed": "#b10e69",
137
+ "kind": "chromatic",
138
+ "anchors": []
139
+ }
140
+ ]
141
+ },
142
+ "diagnostics": {
143
+ "families": {
144
+ "neutral": {
145
+ "light": {
146
+ "monotonic": true,
147
+ "minimumAdjacentDeltaE": 4.056735649681861,
148
+ "maximumAdjacentDeltaE": 17.763777191722603,
149
+ "maximumHueDrift": 0,
150
+ "hueIdentityRisk": null,
151
+ "gamutMappedStops": [],
152
+ "anchors": []
153
+ },
154
+ "dark": {
155
+ "monotonic": true,
156
+ "minimumAdjacentDeltaE": 4.056735649681861,
157
+ "maximumAdjacentDeltaE": 17.763777191722603,
158
+ "maximumHueDrift": 0,
159
+ "hueIdentityRisk": null,
160
+ "gamutMappedStops": [],
161
+ "anchors": []
162
+ }
163
+ },
164
+ "red": {
165
+ "light": {
166
+ "monotonic": true,
167
+ "minimumAdjacentDeltaE": 4.204099411570246,
168
+ "maximumAdjacentDeltaE": 19.896679473359143,
169
+ "maximumHueDrift": 3.9781468539510456,
170
+ "hueIdentityRisk": null,
171
+ "gamutMappedStops": [
172
+ 5,
173
+ 10,
174
+ 15,
175
+ 20,
176
+ 25,
177
+ 30,
178
+ 35,
179
+ 70,
180
+ 75,
181
+ 80,
182
+ 85,
183
+ 90,
184
+ 95,
185
+ 100
186
+ ],
187
+ "anchors": []
188
+ },
189
+ "dark": {
190
+ "monotonic": true,
191
+ "minimumAdjacentDeltaE": 4.249357834813328,
192
+ "maximumAdjacentDeltaE": 18.248436671660606,
193
+ "maximumHueDrift": 2.994926201900796,
194
+ "hueIdentityRisk": null,
195
+ "gamutMappedStops": [
196
+ 10,
197
+ 15,
198
+ 20,
199
+ 75,
200
+ 80,
201
+ 85,
202
+ 90,
203
+ 95,
204
+ 100
205
+ ],
206
+ "anchors": []
207
+ }
208
+ },
209
+ "orange": {
210
+ "light": {
211
+ "monotonic": true,
212
+ "minimumAdjacentDeltaE": 4.205755964742814,
213
+ "maximumAdjacentDeltaE": 18.695314931199228,
214
+ "maximumHueDrift": 17.283353703181774,
215
+ "hueIdentityRisk": null,
216
+ "gamutMappedStops": [
217
+ 5,
218
+ 10,
219
+ 15,
220
+ 20,
221
+ 25,
222
+ 30,
223
+ 35,
224
+ 40,
225
+ 45,
226
+ 50,
227
+ 55,
228
+ 60,
229
+ 75,
230
+ 80,
231
+ 85,
232
+ 90,
233
+ 95,
234
+ 100
235
+ ],
236
+ "anchors": []
237
+ },
238
+ "dark": {
239
+ "monotonic": true,
240
+ "minimumAdjacentDeltaE": 4.142466384811667,
241
+ "maximumAdjacentDeltaE": 17.902211102316446,
242
+ "maximumHueDrift": 8.915953570675583,
243
+ "hueIdentityRisk": null,
244
+ "gamutMappedStops": [
245
+ 5,
246
+ 10,
247
+ 15,
248
+ 20,
249
+ 25,
250
+ 30,
251
+ 35,
252
+ 40,
253
+ 45,
254
+ 50,
255
+ 80,
256
+ 85,
257
+ 90,
258
+ 95,
259
+ 100
260
+ ],
261
+ "anchors": []
262
+ }
263
+ },
264
+ "yellow": {
265
+ "light": {
266
+ "monotonic": true,
267
+ "minimumAdjacentDeltaE": 4.29473924397966,
268
+ "maximumAdjacentDeltaE": 18.108804228656158,
269
+ "maximumHueDrift": 8.277463562561081,
270
+ "hueIdentityRisk": null,
271
+ "gamutMappedStops": [
272
+ 5,
273
+ 10,
274
+ 15,
275
+ 20,
276
+ 25,
277
+ 30,
278
+ 35,
279
+ 40,
280
+ 45,
281
+ 50,
282
+ 55,
283
+ 60,
284
+ 65,
285
+ 95,
286
+ 100
287
+ ],
288
+ "anchors": [
289
+ {
290
+ "mode": "light",
291
+ "stop": 80,
292
+ "color": "#f8c723",
293
+ "policy": "flexible",
294
+ "generatedColor": "#eec448",
295
+ "deltaE": 2.555748582763421
296
+ }
297
+ ]
298
+ },
299
+ "dark": {
300
+ "monotonic": true,
301
+ "minimumAdjacentDeltaE": 4.163296946152699,
302
+ "maximumAdjacentDeltaE": 17.88830391670653,
303
+ "maximumHueDrift": 0.9740062981470601,
304
+ "hueIdentityRisk": null,
305
+ "gamutMappedStops": [
306
+ 5,
307
+ 10,
308
+ 15,
309
+ 20,
310
+ 25,
311
+ 30,
312
+ 35,
313
+ 40,
314
+ 45,
315
+ 50,
316
+ 55,
317
+ 60,
318
+ 95,
319
+ 100
320
+ ],
321
+ "anchors": []
322
+ }
323
+ },
324
+ "green": {
325
+ "light": {
326
+ "monotonic": true,
327
+ "minimumAdjacentDeltaE": 4.107684025645804,
328
+ "maximumAdjacentDeltaE": 19.13154978272725,
329
+ "maximumHueDrift": 1.8635734402253092,
330
+ "hueIdentityRisk": null,
331
+ "gamutMappedStops": [
332
+ 10,
333
+ 15,
334
+ 20,
335
+ 100
336
+ ],
337
+ "anchors": [
338
+ {
339
+ "mode": "light",
340
+ "stop": 50,
341
+ "color": "#358a3a",
342
+ "policy": "flexible",
343
+ "generatedColor": "#3c8a3f",
344
+ "deltaE": 0.8561918662944262
345
+ }
346
+ ]
347
+ },
348
+ "dark": {
349
+ "monotonic": true,
350
+ "minimumAdjacentDeltaE": 4.204905668353441,
351
+ "maximumAdjacentDeltaE": 17.873994179831133,
352
+ "maximumHueDrift": 0.6021437162152665,
353
+ "hueIdentityRisk": null,
354
+ "gamutMappedStops": [
355
+ 100
356
+ ],
357
+ "anchors": []
358
+ }
359
+ },
360
+ "teal": {
361
+ "light": {
362
+ "monotonic": true,
363
+ "minimumAdjacentDeltaE": 4.166748465835485,
364
+ "maximumAdjacentDeltaE": 18.230966590437585,
365
+ "maximumHueDrift": 1.6736718288519796,
366
+ "hueIdentityRisk": null,
367
+ "gamutMappedStops": [
368
+ 5,
369
+ 10,
370
+ 15,
371
+ 20,
372
+ 25,
373
+ 30,
374
+ 35,
375
+ 40,
376
+ 45,
377
+ 50,
378
+ 55,
379
+ 100
380
+ ],
381
+ "anchors": []
382
+ },
383
+ "dark": {
384
+ "monotonic": true,
385
+ "minimumAdjacentDeltaE": 4.144200511227181,
386
+ "maximumAdjacentDeltaE": 17.887680234294926,
387
+ "maximumHueDrift": 1.9901619693500834,
388
+ "hueIdentityRisk": null,
389
+ "gamutMappedStops": [
390
+ 5,
391
+ 10,
392
+ 15,
393
+ 20,
394
+ 25,
395
+ 30,
396
+ 35,
397
+ 40,
398
+ 45,
399
+ 100
400
+ ],
401
+ "anchors": []
402
+ }
403
+ },
404
+ "cyan": {
405
+ "light": {
406
+ "monotonic": true,
407
+ "minimumAdjacentDeltaE": 4.163846535832288,
408
+ "maximumAdjacentDeltaE": 18.341697754919643,
409
+ "maximumHueDrift": 1.448564967034713,
410
+ "hueIdentityRisk": null,
411
+ "gamutMappedStops": [
412
+ 5,
413
+ 10,
414
+ 15,
415
+ 20,
416
+ 25,
417
+ 30,
418
+ 35,
419
+ 40,
420
+ 45,
421
+ 50,
422
+ 55,
423
+ 60,
424
+ 90,
425
+ 95,
426
+ 100
427
+ ],
428
+ "anchors": []
429
+ },
430
+ "dark": {
431
+ "monotonic": true,
432
+ "minimumAdjacentDeltaE": 4.252953701388722,
433
+ "maximumAdjacentDeltaE": 17.77833629876001,
434
+ "maximumHueDrift": 1.9205764619874799,
435
+ "hueIdentityRisk": null,
436
+ "gamutMappedStops": [
437
+ 5,
438
+ 10,
439
+ 15,
440
+ 20,
441
+ 25,
442
+ 30,
443
+ 35,
444
+ 40,
445
+ 45,
446
+ 50,
447
+ 95,
448
+ 100
449
+ ],
450
+ "anchors": []
451
+ }
452
+ },
453
+ "blue": {
454
+ "light": {
455
+ "monotonic": true,
456
+ "minimumAdjacentDeltaE": 4.114451923385638,
457
+ "maximumAdjacentDeltaE": 19.354634049078946,
458
+ "maximumHueDrift": 4.261077952851451,
459
+ "hueIdentityRisk": null,
460
+ "gamutMappedStops": [
461
+ 5,
462
+ 10,
463
+ 15,
464
+ 20,
465
+ 25,
466
+ 30,
467
+ 35,
468
+ 40,
469
+ 45,
470
+ 65,
471
+ 70,
472
+ 75,
473
+ 80,
474
+ 85,
475
+ 90,
476
+ 95,
477
+ 100
478
+ ],
479
+ "anchors": [
480
+ {
481
+ "mode": "light",
482
+ "stop": 50,
483
+ "color": "#0074e2",
484
+ "policy": "exact",
485
+ "generatedColor": "#0074e2",
486
+ "deltaE": 0
487
+ }
488
+ ]
489
+ },
490
+ "dark": {
491
+ "monotonic": true,
492
+ "minimumAdjacentDeltaE": 4.278580275842381,
493
+ "maximumAdjacentDeltaE": 18.004118247776322,
494
+ "maximumHueDrift": 1.3805191338753957,
495
+ "hueIdentityRisk": null,
496
+ "gamutMappedStops": [
497
+ 5,
498
+ 10,
499
+ 15,
500
+ 20,
501
+ 25,
502
+ 30,
503
+ 35,
504
+ 70,
505
+ 75,
506
+ 80,
507
+ 85,
508
+ 90,
509
+ 95,
510
+ 100
511
+ ],
512
+ "anchors": []
513
+ }
514
+ },
515
+ "purple": {
516
+ "light": {
517
+ "monotonic": true,
518
+ "minimumAdjacentDeltaE": 3.581597545905899,
519
+ "maximumAdjacentDeltaE": 19.96161232121409,
520
+ "maximumHueDrift": 0.6423866859174723,
521
+ "hueIdentityRisk": null,
522
+ "gamutMappedStops": [
523
+ 80,
524
+ 85,
525
+ 90,
526
+ 95,
527
+ 100
528
+ ],
529
+ "anchors": [
530
+ {
531
+ "mode": "light",
532
+ "stop": 50,
533
+ "color": "#980fb2",
534
+ "policy": "flexible",
535
+ "generatedColor": "#9f3cb5",
536
+ "deltaE": 5.670039358248314
537
+ }
538
+ ]
539
+ },
540
+ "dark": {
541
+ "monotonic": true,
542
+ "minimumAdjacentDeltaE": 4.245969302975013,
543
+ "maximumAdjacentDeltaE": 18.07185708983776,
544
+ "maximumHueDrift": 0.6976391833911748,
545
+ "hueIdentityRisk": null,
546
+ "gamutMappedStops": [
547
+ 85,
548
+ 90,
549
+ 95,
550
+ 100
551
+ ],
552
+ "anchors": []
553
+ }
554
+ },
555
+ "pink": {
556
+ "light": {
557
+ "monotonic": true,
558
+ "minimumAdjacentDeltaE": 4.24426147768217,
559
+ "maximumAdjacentDeltaE": 19.77180068574261,
560
+ "maximumHueDrift": 1.1308247093818409,
561
+ "hueIdentityRisk": null,
562
+ "gamutMappedStops": [
563
+ 5,
564
+ 10,
565
+ 15,
566
+ 20,
567
+ 25,
568
+ 30,
569
+ 75,
570
+ 80,
571
+ 85,
572
+ 90,
573
+ 95,
574
+ 100
575
+ ],
576
+ "anchors": []
577
+ },
578
+ "dark": {
579
+ "monotonic": true,
580
+ "minimumAdjacentDeltaE": 4.173683518497281,
581
+ "maximumAdjacentDeltaE": 18.204098619795822,
582
+ "maximumHueDrift": 0.6531216549080909,
583
+ "hueIdentityRisk": null,
584
+ "gamutMappedStops": [
585
+ 10,
586
+ 15,
587
+ 80,
588
+ 85,
589
+ 90,
590
+ 95,
591
+ 100
592
+ ],
593
+ "anchors": []
594
+ }
595
+ }
596
+ },
597
+ "coordination": [
598
+ {
599
+ "mode": "light",
600
+ "stop": 50,
601
+ "closestFamilies": [
602
+ "Teal",
603
+ "Cyan"
604
+ ],
605
+ "minimumFamilyDeltaE": 6.359490266320177,
606
+ "strongestFamily": "Purple",
607
+ "weakestFamily": "Cyan",
608
+ "chromaRatio": 1.94639550592773
609
+ },
610
+ {
611
+ "mode": "dark",
612
+ "stop": 50,
613
+ "closestFamilies": [
614
+ "Teal",
615
+ "Cyan"
616
+ ],
617
+ "minimumFamilyDeltaE": 5.722384045842401,
618
+ "strongestFamily": "Red",
619
+ "weakestFamily": "Cyan",
620
+ "chromaRatio": 1.5946720267233903
621
+ }
622
+ ]
623
+ }
624
+ }