@arbor-css/core 0.0.117 → 0.0.118

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 (70) hide show
  1. package/dist/cli/introspection.js +6 -6
  2. package/dist/cli/introspection.js.map +1 -1
  3. package/dist/getStructuredTokensMap.test.js +4 -4
  4. package/dist/getStructuredTokensMap.test.js.map +1 -1
  5. package/dist/presets/arborPreset/modeSchema/global.d.ts +32 -0
  6. package/dist/presets/arborPreset/modeSchema/global.d.ts.map +1 -1
  7. package/dist/presets/arborPreset/modeSchema/global.js +32 -0
  8. package/dist/presets/arborPreset/modeSchema/global.js.map +1 -1
  9. package/dist/presets/arborPreset/modeSchema/modeSchema.d.ts +157 -393
  10. package/dist/presets/arborPreset/modeSchema/modeSchema.d.ts.map +1 -1
  11. package/dist/presets/arborPreset/modeSchema/modeSchema.js +3 -16
  12. package/dist/presets/arborPreset/modeSchema/modeSchema.js.map +1 -1
  13. package/dist/presets/arborPreset/modeSchema/modeSchema.test.js +2 -2
  14. package/dist/presets/arborPreset/modeSchema/modeSchema.test.js.map +1 -1
  15. package/dist/presets/arborPreset/modeSchema/semantics/color.d.ts +61 -1
  16. package/dist/presets/arborPreset/modeSchema/semantics/color.d.ts.map +1 -1
  17. package/dist/presets/arborPreset/modeSchema/semantics/color.js +8 -1
  18. package/dist/presets/arborPreset/modeSchema/semantics/color.js.map +1 -1
  19. package/dist/presets/arborPreset/modeSchema/semantics/radius.d.ts +0 -1
  20. package/dist/presets/arborPreset/modeSchema/semantics/radius.d.ts.map +1 -1
  21. package/dist/presets/arborPreset/modeSchema/semantics/radius.js +0 -1
  22. package/dist/presets/arborPreset/modeSchema/semantics/radius.js.map +1 -1
  23. package/dist/presets/arborPreset/modeSchema/semantics/typography.d.ts +75 -0
  24. package/dist/presets/arborPreset/modeSchema/semantics/typography.d.ts.map +1 -0
  25. package/dist/presets/arborPreset/modeSchema/semantics/typography.js +76 -0
  26. package/dist/presets/arborPreset/modeSchema/semantics/typography.js.map +1 -0
  27. package/dist/presets/arborPreset/modeValues/intents.d.ts +51 -51
  28. package/dist/presets/arborPreset/modeValues/intents.d.ts.map +1 -1
  29. package/dist/presets/arborPreset/modeValues/intents.js +16 -10
  30. package/dist/presets/arborPreset/modeValues/intents.js.map +1 -1
  31. package/dist/presets/arborPreset/modeValues/semantics.d.ts +315 -1294
  32. package/dist/presets/arborPreset/modeValues/semantics.d.ts.map +1 -1
  33. package/dist/presets/arborPreset/modeValues/semantics.js +107 -43
  34. package/dist/presets/arborPreset/modeValues/semantics.js.map +1 -1
  35. package/dist/presets/arborPreset/modeValues/typography/index.d.ts.map +1 -1
  36. package/dist/presets/arborPreset/modeValues/typography/index.js +0 -14
  37. package/dist/presets/arborPreset/modeValues/typography/index.js.map +1 -1
  38. package/dist/presets/arborPreset/preset.d.ts +301 -675
  39. package/dist/presets/arborPreset/preset.d.ts.map +1 -1
  40. package/dist/presets/arborPreset/preset.js +21 -40
  41. package/dist/presets/arborPreset/preset.js.map +1 -1
  42. package/dist/presets/arborPreset/preset.test.js +1 -1
  43. package/dist/presets/arborPreset/preset.test.js.map +1 -1
  44. package/dist/presets/basicPreset/mixins.d.ts +69 -69
  45. package/dist/presets/basicPreset/mixins.d.ts.map +1 -1
  46. package/dist/presets/basicPreset/preset.d.ts +82 -62
  47. package/dist/presets/basicPreset/preset.d.ts.map +1 -1
  48. package/dist/presets/basicPreset/preset.js +33 -1
  49. package/dist/presets/basicPreset/preset.js.map +1 -1
  50. package/dist/rendering/generateDesignTokens.js +1 -1
  51. package/dist/rendering/generateDesignTokens.js.map +1 -1
  52. package/dist/rendering/generateStylesheet.test.js +1 -1
  53. package/dist/rendering/generateStylesheet.test.js.map +1 -1
  54. package/dist/runtime/components/FunctionsList.js +4 -4
  55. package/dist/runtime/components/MixinsList.js +4 -4
  56. package/dist/runtime/components/ModeGraph.js +4 -4
  57. package/dist/runtime/components/Outputs.d.ts.map +1 -1
  58. package/dist/runtime/components/Outputs.js +0 -6
  59. package/dist/runtime/components/Outputs.js.map +1 -1
  60. package/dist/runtime/tokenGroups.d.ts +3 -3
  61. package/dist/runtime/tokenGroups.d.ts.map +1 -1
  62. package/dist/util/buildModeTokenGraph.test.js +1 -1
  63. package/dist/util/buildModeTokenGraph.test.js.map +1 -1
  64. package/dist/util/resolveComputedTokenValue.test.js +0 -4
  65. package/dist/util/resolveComputedTokenValue.test.js.map +1 -1
  66. package/package.json +8 -8
  67. package/dist/presets/arborPreset/modeSchema/primitives/typography.d.ts +0 -165
  68. package/dist/presets/arborPreset/modeSchema/primitives/typography.d.ts.map +0 -1
  69. package/dist/presets/arborPreset/modeSchema/primitives/typography.js +0 -36
  70. package/dist/presets/arborPreset/modeSchema/primitives/typography.js.map +0 -1
package/dist/presets/basicPreset/preset.d.ts CHANGED
@@ -29,7 +29,7 @@ declare const modeSchema: {
29
29
  export type BasicPresetModeSchema = typeof modeSchema;
30
30
  /**
31
31
  * This basic preset includes utility mixins and functions,
32
- * but no primitive tokens or mode schema.
32
+ * but no mode schema.
33
33
  */
34
34
  export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
35
35
  global: {
@@ -58,7 +58,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
58
58
  description: "Resolves to 1 in light color schemes and -1 in dark color schemes.";
59
59
  };
60
60
  };
61
- }, Omit<{}, "ring" | "colorLighter" | "colorHeavier" | "colorDesaturated" | "colorSaturated" | "colorFaded" | "colorContrast" | "literal"> & {
61
+ }, Omit<{}, "ring" | "colorLighter" | "colorHeavier" | "colorDesaturated" | "colorSaturated" | "colorFaded" | "colorContrast" | "literal" | "between" | "colorBetween"> & {
62
62
  colorLighter: import("@arbor-css/functions").ArborFunction<readonly ["--color", "--step"]>;
63
63
  colorHeavier: import("@arbor-css/functions").ArborFunction<readonly ["--color", "--step"]>;
64
64
  colorDesaturated: import("@arbor-css/functions").ArborFunction<readonly ["--color", "--step"]>;
@@ -76,6 +76,26 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
76
76
  fallback: string;
77
77
  }[]>;
78
78
  literal: import("@arbor-css/functions").ArborFunction<readonly ["--value"]>;
79
+ between: import("@arbor-css/functions").ArborFunction<readonly [{
80
+ readonly name: "--from";
81
+ readonly syntax: "<length> | <length-percentage>";
82
+ }, {
83
+ readonly name: "--to";
84
+ readonly syntax: "<length> | <length-percentage>";
85
+ }, {
86
+ readonly name: "--progress";
87
+ readonly fallback: "0.5";
88
+ }]>;
89
+ colorBetween: import("@arbor-css/functions").ArborFunction<readonly [{
90
+ readonly name: "--from";
91
+ readonly syntax: "<color>";
92
+ }, {
93
+ readonly name: "--to";
94
+ readonly syntax: "<color>";
95
+ }, {
96
+ readonly name: "--progress";
97
+ readonly fallback: "0.5";
98
+ }]>;
79
99
  }, Omit<{}, "shadow" | "fill" | "ring" | "fg" | "bg" | "borderColor" | "stroke" | "accent" | "accentLighter" | "accentHeavier" | "accentDesaturated" | "accentSaturated" | "accentFaded" | "bgLighter" | "bgHeavier" | "bgDesaturated" | "bgSaturated" | "bgFaded" | "borderColorLighter" | "borderColorHeavier" | "borderColorDesaturated" | "borderColorSaturated" | "borderColorFaded" | "fillLighter" | "fillHeavier" | "fillDesaturated" | "fillSaturated" | "fillFaded" | "fgLighter" | "fgHeavier" | "fgDesaturated" | "fgSaturated" | "fgFaded" | "strokeLighter" | "strokeHeavier" | "strokeDesaturated" | "strokeSaturated" | "strokeFaded"> & {
80
100
  readonly shadow: import("@arbor-css/functions").ArborMixin<readonly [{
81
101
  readonly name: "--shadow";
@@ -86,7 +106,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
86
106
  value: {
87
107
  "@@TOKEN@@": true;
88
108
  name: string;
89
- type: string;
109
+ syntax: string;
90
110
  tag: string | undefined;
91
111
  purpose: import("@arbor-css/tokens").TokenPurpose;
92
112
  group: string | undefined;
@@ -101,7 +121,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
101
121
  suffixed: (suffix: string) => {
102
122
  "@@TOKEN@@": true;
103
123
  name: string;
104
- type: string;
124
+ syntax: string;
105
125
  tag: string | undefined;
106
126
  purpose: import("@arbor-css/tokens").TokenPurpose;
107
127
  group: string | undefined;
@@ -119,7 +139,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
119
139
  prefixed: (prefix: string) => {
120
140
  "@@TOKEN@@": true;
121
141
  name: string;
122
- type: string;
142
+ syntax: string;
123
143
  tag: string | undefined;
124
144
  purpose: import("@arbor-css/tokens").TokenPurpose;
125
145
  group: string | undefined;
@@ -145,7 +165,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
145
165
  value: {
146
166
  "@@TOKEN@@": true;
147
167
  name: string;
148
- type: string;
168
+ syntax: string;
149
169
  tag: string | undefined;
150
170
  purpose: import("@arbor-css/tokens").TokenPurpose;
151
171
  group: string | undefined;
@@ -160,7 +180,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
160
180
  suffixed: (suffix: string) => {
161
181
  "@@TOKEN@@": true;
162
182
  name: string;
163
- type: string;
183
+ syntax: string;
164
184
  tag: string | undefined;
165
185
  purpose: import("@arbor-css/tokens").TokenPurpose;
166
186
  group: string | undefined;
@@ -178,7 +198,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
178
198
  prefixed: (prefix: string) => {
179
199
  "@@TOKEN@@": true;
180
200
  name: string;
181
- type: string;
201
+ syntax: string;
182
202
  tag: string | undefined;
183
203
  purpose: import("@arbor-css/tokens").TokenPurpose;
184
204
  group: string | undefined;
@@ -199,7 +219,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
199
219
  applied: {
200
220
  "@@TOKEN@@": true;
201
221
  name: string;
202
- type: string;
222
+ syntax: string;
203
223
  tag: string | undefined;
204
224
  purpose: import("@arbor-css/tokens").TokenPurpose;
205
225
  group: string | undefined;
@@ -214,7 +234,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
214
234
  suffixed: (suffix: string) => {
215
235
  "@@TOKEN@@": true;
216
236
  name: string;
217
- type: string;
237
+ syntax: string;
218
238
  tag: string | undefined;
219
239
  purpose: import("@arbor-css/tokens").TokenPurpose;
220
240
  group: string | undefined;
@@ -232,7 +252,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
232
252
  prefixed: (prefix: string) => {
233
253
  "@@TOKEN@@": true;
234
254
  name: string;
235
- type: string;
255
+ syntax: string;
236
256
  tag: string | undefined;
237
257
  purpose: import("@arbor-css/tokens").TokenPurpose;
238
258
  group: string | undefined;
@@ -251,7 +271,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
251
271
  ref: {
252
272
  "@@TOKEN@@": true;
253
273
  name: string;
254
- type: string;
274
+ syntax: string;
255
275
  tag: string | undefined;
256
276
  purpose: import("@arbor-css/tokens").TokenPurpose;
257
277
  group: string | undefined;
@@ -266,7 +286,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
266
286
  suffixed: (suffix: string) => {
267
287
  "@@TOKEN@@": true;
268
288
  name: string;
269
- type: string;
289
+ syntax: string;
270
290
  tag: string | undefined;
271
291
  purpose: import("@arbor-css/tokens").TokenPurpose;
272
292
  group: string | undefined;
@@ -284,7 +304,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
284
304
  prefixed: (prefix: string) => {
285
305
  "@@TOKEN@@": true;
286
306
  name: string;
287
- type: string;
307
+ syntax: string;
288
308
  tag: string | undefined;
289
309
  purpose: import("@arbor-css/tokens").TokenPurpose;
290
310
  group: string | undefined;
@@ -303,7 +323,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
303
323
  contrast: {
304
324
  "@@TOKEN@@": true;
305
325
  name: string;
306
- type: string;
326
+ syntax: string;
307
327
  tag: string | undefined;
308
328
  purpose: import("@arbor-css/tokens").TokenPurpose;
309
329
  group: string | undefined;
@@ -318,7 +338,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
318
338
  suffixed: (suffix: string) => {
319
339
  "@@TOKEN@@": true;
320
340
  name: string;
321
- type: string;
341
+ syntax: string;
322
342
  tag: string | undefined;
323
343
  purpose: import("@arbor-css/tokens").TokenPurpose;
324
344
  group: string | undefined;
@@ -336,7 +356,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
336
356
  prefixed: (prefix: string) => {
337
357
  "@@TOKEN@@": true;
338
358
  name: string;
339
- type: string;
359
+ syntax: string;
340
360
  tag: string | undefined;
341
361
  purpose: import("@arbor-css/tokens").TokenPurpose;
342
362
  group: string | undefined;
@@ -392,7 +412,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
392
412
  applied: {
393
413
  "@@TOKEN@@": true;
394
414
  name: string;
395
- type: string;
415
+ syntax: string;
396
416
  tag: string | undefined;
397
417
  purpose: import("@arbor-css/tokens").TokenPurpose;
398
418
  group: string | undefined;
@@ -407,7 +427,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
407
427
  suffixed: (suffix: string) => {
408
428
  "@@TOKEN@@": true;
409
429
  name: string;
410
- type: string;
430
+ syntax: string;
411
431
  tag: string | undefined;
412
432
  purpose: import("@arbor-css/tokens").TokenPurpose;
413
433
  group: string | undefined;
@@ -425,7 +445,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
425
445
  prefixed: (prefix: string) => {
426
446
  "@@TOKEN@@": true;
427
447
  name: string;
428
- type: string;
448
+ syntax: string;
429
449
  tag: string | undefined;
430
450
  purpose: import("@arbor-css/tokens").TokenPurpose;
431
451
  group: string | undefined;
@@ -444,7 +464,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
444
464
  ref: {
445
465
  "@@TOKEN@@": true;
446
466
  name: string;
447
- type: string;
467
+ syntax: string;
448
468
  tag: string | undefined;
449
469
  purpose: import("@arbor-css/tokens").TokenPurpose;
450
470
  group: string | undefined;
@@ -459,7 +479,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
459
479
  suffixed: (suffix: string) => {
460
480
  "@@TOKEN@@": true;
461
481
  name: string;
462
- type: string;
482
+ syntax: string;
463
483
  tag: string | undefined;
464
484
  purpose: import("@arbor-css/tokens").TokenPurpose;
465
485
  group: string | undefined;
@@ -477,7 +497,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
477
497
  prefixed: (prefix: string) => {
478
498
  "@@TOKEN@@": true;
479
499
  name: string;
480
- type: string;
500
+ syntax: string;
481
501
  tag: string | undefined;
482
502
  purpose: import("@arbor-css/tokens").TokenPurpose;
483
503
  group: string | undefined;
@@ -496,7 +516,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
496
516
  contrast: {
497
517
  "@@TOKEN@@": true;
498
518
  name: string;
499
- type: string;
519
+ syntax: string;
500
520
  tag: string | undefined;
501
521
  purpose: import("@arbor-css/tokens").TokenPurpose;
502
522
  group: string | undefined;
@@ -511,7 +531,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
511
531
  suffixed: (suffix: string) => {
512
532
  "@@TOKEN@@": true;
513
533
  name: string;
514
- type: string;
534
+ syntax: string;
515
535
  tag: string | undefined;
516
536
  purpose: import("@arbor-css/tokens").TokenPurpose;
517
537
  group: string | undefined;
@@ -529,7 +549,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
529
549
  prefixed: (prefix: string) => {
530
550
  "@@TOKEN@@": true;
531
551
  name: string;
532
- type: string;
552
+ syntax: string;
533
553
  tag: string | undefined;
534
554
  purpose: import("@arbor-css/tokens").TokenPurpose;
535
555
  group: string | undefined;
@@ -585,7 +605,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
585
605
  applied: {
586
606
  "@@TOKEN@@": true;
587
607
  name: string;
588
- type: string;
608
+ syntax: string;
589
609
  tag: string | undefined;
590
610
  purpose: import("@arbor-css/tokens").TokenPurpose;
591
611
  group: string | undefined;
@@ -600,7 +620,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
600
620
  suffixed: (suffix: string) => {
601
621
  "@@TOKEN@@": true;
602
622
  name: string;
603
- type: string;
623
+ syntax: string;
604
624
  tag: string | undefined;
605
625
  purpose: import("@arbor-css/tokens").TokenPurpose;
606
626
  group: string | undefined;
@@ -618,7 +638,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
618
638
  prefixed: (prefix: string) => {
619
639
  "@@TOKEN@@": true;
620
640
  name: string;
621
- type: string;
641
+ syntax: string;
622
642
  tag: string | undefined;
623
643
  purpose: import("@arbor-css/tokens").TokenPurpose;
624
644
  group: string | undefined;
@@ -637,7 +657,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
637
657
  ref: {
638
658
  "@@TOKEN@@": true;
639
659
  name: string;
640
- type: string;
660
+ syntax: string;
641
661
  tag: string | undefined;
642
662
  purpose: import("@arbor-css/tokens").TokenPurpose;
643
663
  group: string | undefined;
@@ -652,7 +672,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
652
672
  suffixed: (suffix: string) => {
653
673
  "@@TOKEN@@": true;
654
674
  name: string;
655
- type: string;
675
+ syntax: string;
656
676
  tag: string | undefined;
657
677
  purpose: import("@arbor-css/tokens").TokenPurpose;
658
678
  group: string | undefined;
@@ -670,7 +690,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
670
690
  prefixed: (prefix: string) => {
671
691
  "@@TOKEN@@": true;
672
692
  name: string;
673
- type: string;
693
+ syntax: string;
674
694
  tag: string | undefined;
675
695
  purpose: import("@arbor-css/tokens").TokenPurpose;
676
696
  group: string | undefined;
@@ -689,7 +709,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
689
709
  contrast: {
690
710
  "@@TOKEN@@": true;
691
711
  name: string;
692
- type: string;
712
+ syntax: string;
693
713
  tag: string | undefined;
694
714
  purpose: import("@arbor-css/tokens").TokenPurpose;
695
715
  group: string | undefined;
@@ -704,7 +724,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
704
724
  suffixed: (suffix: string) => {
705
725
  "@@TOKEN@@": true;
706
726
  name: string;
707
- type: string;
727
+ syntax: string;
708
728
  tag: string | undefined;
709
729
  purpose: import("@arbor-css/tokens").TokenPurpose;
710
730
  group: string | undefined;
@@ -722,7 +742,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
722
742
  prefixed: (prefix: string) => {
723
743
  "@@TOKEN@@": true;
724
744
  name: string;
725
- type: string;
745
+ syntax: string;
726
746
  tag: string | undefined;
727
747
  purpose: import("@arbor-css/tokens").TokenPurpose;
728
748
  group: string | undefined;
@@ -778,7 +798,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
778
798
  applied: {
779
799
  "@@TOKEN@@": true;
780
800
  name: string;
781
- type: string;
801
+ syntax: string;
782
802
  tag: string | undefined;
783
803
  purpose: import("@arbor-css/tokens").TokenPurpose;
784
804
  group: string | undefined;
@@ -793,7 +813,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
793
813
  suffixed: (suffix: string) => {
794
814
  "@@TOKEN@@": true;
795
815
  name: string;
796
- type: string;
816
+ syntax: string;
797
817
  tag: string | undefined;
798
818
  purpose: import("@arbor-css/tokens").TokenPurpose;
799
819
  group: string | undefined;
@@ -811,7 +831,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
811
831
  prefixed: (prefix: string) => {
812
832
  "@@TOKEN@@": true;
813
833
  name: string;
814
- type: string;
834
+ syntax: string;
815
835
  tag: string | undefined;
816
836
  purpose: import("@arbor-css/tokens").TokenPurpose;
817
837
  group: string | undefined;
@@ -830,7 +850,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
830
850
  ref: {
831
851
  "@@TOKEN@@": true;
832
852
  name: string;
833
- type: string;
853
+ syntax: string;
834
854
  tag: string | undefined;
835
855
  purpose: import("@arbor-css/tokens").TokenPurpose;
836
856
  group: string | undefined;
@@ -845,7 +865,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
845
865
  suffixed: (suffix: string) => {
846
866
  "@@TOKEN@@": true;
847
867
  name: string;
848
- type: string;
868
+ syntax: string;
849
869
  tag: string | undefined;
850
870
  purpose: import("@arbor-css/tokens").TokenPurpose;
851
871
  group: string | undefined;
@@ -863,7 +883,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
863
883
  prefixed: (prefix: string) => {
864
884
  "@@TOKEN@@": true;
865
885
  name: string;
866
- type: string;
886
+ syntax: string;
867
887
  tag: string | undefined;
868
888
  purpose: import("@arbor-css/tokens").TokenPurpose;
869
889
  group: string | undefined;
@@ -882,7 +902,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
882
902
  contrast: {
883
903
  "@@TOKEN@@": true;
884
904
  name: string;
885
- type: string;
905
+ syntax: string;
886
906
  tag: string | undefined;
887
907
  purpose: import("@arbor-css/tokens").TokenPurpose;
888
908
  group: string | undefined;
@@ -897,7 +917,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
897
917
  suffixed: (suffix: string) => {
898
918
  "@@TOKEN@@": true;
899
919
  name: string;
900
- type: string;
920
+ syntax: string;
901
921
  tag: string | undefined;
902
922
  purpose: import("@arbor-css/tokens").TokenPurpose;
903
923
  group: string | undefined;
@@ -915,7 +935,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
915
935
  prefixed: (prefix: string) => {
916
936
  "@@TOKEN@@": true;
917
937
  name: string;
918
- type: string;
938
+ syntax: string;
919
939
  tag: string | undefined;
920
940
  purpose: import("@arbor-css/tokens").TokenPurpose;
921
941
  group: string | undefined;
@@ -971,7 +991,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
971
991
  applied: {
972
992
  "@@TOKEN@@": true;
973
993
  name: string;
974
- type: string;
994
+ syntax: string;
975
995
  tag: string | undefined;
976
996
  purpose: import("@arbor-css/tokens").TokenPurpose;
977
997
  group: string | undefined;
@@ -986,7 +1006,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
986
1006
  suffixed: (suffix: string) => {
987
1007
  "@@TOKEN@@": true;
988
1008
  name: string;
989
- type: string;
1009
+ syntax: string;
990
1010
  tag: string | undefined;
991
1011
  purpose: import("@arbor-css/tokens").TokenPurpose;
992
1012
  group: string | undefined;
@@ -1004,7 +1024,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
1004
1024
  prefixed: (prefix: string) => {
1005
1025
  "@@TOKEN@@": true;
1006
1026
  name: string;
1007
- type: string;
1027
+ syntax: string;
1008
1028
  tag: string | undefined;
1009
1029
  purpose: import("@arbor-css/tokens").TokenPurpose;
1010
1030
  group: string | undefined;
@@ -1023,7 +1043,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
1023
1043
  ref: {
1024
1044
  "@@TOKEN@@": true;
1025
1045
  name: string;
1026
- type: string;
1046
+ syntax: string;
1027
1047
  tag: string | undefined;
1028
1048
  purpose: import("@arbor-css/tokens").TokenPurpose;
1029
1049
  group: string | undefined;
@@ -1038,7 +1058,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
1038
1058
  suffixed: (suffix: string) => {
1039
1059
  "@@TOKEN@@": true;
1040
1060
  name: string;
1041
- type: string;
1061
+ syntax: string;
1042
1062
  tag: string | undefined;
1043
1063
  purpose: import("@arbor-css/tokens").TokenPurpose;
1044
1064
  group: string | undefined;
@@ -1056,7 +1076,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
1056
1076
  prefixed: (prefix: string) => {
1057
1077
  "@@TOKEN@@": true;
1058
1078
  name: string;
1059
- type: string;
1079
+ syntax: string;
1060
1080
  tag: string | undefined;
1061
1081
  purpose: import("@arbor-css/tokens").TokenPurpose;
1062
1082
  group: string | undefined;
@@ -1075,7 +1095,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
1075
1095
  contrast: {
1076
1096
  "@@TOKEN@@": true;
1077
1097
  name: string;
1078
- type: string;
1098
+ syntax: string;
1079
1099
  tag: string | undefined;
1080
1100
  purpose: import("@arbor-css/tokens").TokenPurpose;
1081
1101
  group: string | undefined;
@@ -1090,7 +1110,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
1090
1110
  suffixed: (suffix: string) => {
1091
1111
  "@@TOKEN@@": true;
1092
1112
  name: string;
1093
- type: string;
1113
+ syntax: string;
1094
1114
  tag: string | undefined;
1095
1115
  purpose: import("@arbor-css/tokens").TokenPurpose;
1096
1116
  group: string | undefined;
@@ -1108,7 +1128,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
1108
1128
  prefixed: (prefix: string) => {
1109
1129
  "@@TOKEN@@": true;
1110
1130
  name: string;
1111
- type: string;
1131
+ syntax: string;
1112
1132
  tag: string | undefined;
1113
1133
  purpose: import("@arbor-css/tokens").TokenPurpose;
1114
1134
  group: string | undefined;
@@ -1164,7 +1184,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
1164
1184
  applied: {
1165
1185
  "@@TOKEN@@": true;
1166
1186
  name: string;
1167
- type: string;
1187
+ syntax: string;
1168
1188
  tag: string | undefined;
1169
1189
  purpose: import("@arbor-css/tokens").TokenPurpose;
1170
1190
  group: string | undefined;
@@ -1179,7 +1199,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
1179
1199
  suffixed: (suffix: string) => {
1180
1200
  "@@TOKEN@@": true;
1181
1201
  name: string;
1182
- type: string;
1202
+ syntax: string;
1183
1203
  tag: string | undefined;
1184
1204
  purpose: import("@arbor-css/tokens").TokenPurpose;
1185
1205
  group: string | undefined;
@@ -1197,7 +1217,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
1197
1217
  prefixed: (prefix: string) => {
1198
1218
  "@@TOKEN@@": true;
1199
1219
  name: string;
1200
- type: string;
1220
+ syntax: string;
1201
1221
  tag: string | undefined;
1202
1222
  purpose: import("@arbor-css/tokens").TokenPurpose;
1203
1223
  group: string | undefined;
@@ -1216,7 +1236,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
1216
1236
  ref: {
1217
1237
  "@@TOKEN@@": true;
1218
1238
  name: string;
1219
- type: string;
1239
+ syntax: string;
1220
1240
  tag: string | undefined;
1221
1241
  purpose: import("@arbor-css/tokens").TokenPurpose;
1222
1242
  group: string | undefined;
@@ -1231,7 +1251,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
1231
1251
  suffixed: (suffix: string) => {
1232
1252
  "@@TOKEN@@": true;
1233
1253
  name: string;
1234
- type: string;
1254
+ syntax: string;
1235
1255
  tag: string | undefined;
1236
1256
  purpose: import("@arbor-css/tokens").TokenPurpose;
1237
1257
  group: string | undefined;
@@ -1249,7 +1269,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
1249
1269
  prefixed: (prefix: string) => {
1250
1270
  "@@TOKEN@@": true;
1251
1271
  name: string;
1252
- type: string;
1272
+ syntax: string;
1253
1273
  tag: string | undefined;
1254
1274
  purpose: import("@arbor-css/tokens").TokenPurpose;
1255
1275
  group: string | undefined;
@@ -1268,7 +1288,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
1268
1288
  contrast: {
1269
1289
  "@@TOKEN@@": true;
1270
1290
  name: string;
1271
- type: string;
1291
+ syntax: string;
1272
1292
  tag: string | undefined;
1273
1293
  purpose: import("@arbor-css/tokens").TokenPurpose;
1274
1294
  group: string | undefined;
@@ -1283,7 +1303,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
1283
1303
  suffixed: (suffix: string) => {
1284
1304
  "@@TOKEN@@": true;
1285
1305
  name: string;
1286
- type: string;
1306
+ syntax: string;
1287
1307
  tag: string | undefined;
1288
1308
  purpose: import("@arbor-css/tokens").TokenPurpose;
1289
1309
  group: string | undefined;
@@ -1301,7 +1321,7 @@ export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{
1301
1321
  prefixed: (prefix: string) => {
1302
1322
  "@@TOKEN@@": true;
1303
1323
  name: string;
1304
- type: string;
1324
+ syntax: string;
1305
1325
  tag: string | undefined;
1306
1326
  purpose: import("@arbor-css/tokens").TokenPurpose;
1307
1327
  group: string | undefined;
package/dist/presets/basicPreset/preset.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../../src/presets/basicPreset/preset.ts"],"names":[],"mappings":"AAYA,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+Ba,CAAC;AAE9B,MAAM,MAAM,qBAAqB,GAAG,OAAO,UAAU,CAAC;AAEtD;;;GAGG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CAmFb,CAAC;0BACH,CAAC;;;;;;;;;;;;;;8CAeI,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;8CA4ByB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;0CA5CxI,CAAC;0BACH,CAAC;;;;;;;;;;;;;;8CAeI,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;8CA4ByB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;0CA5CxI,CAAC;0BACH,CAAC;;;;;;;;;;;;;;8CAeI,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;8CA4ByB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;0CA5CxI,CAAC;0BACH,CAAC;;;;;;;;;;;;;;8CAeI,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;8CA4ByB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;0CA5CxI,CAAC;0BACH,CAAC;;;;;;;;;;;;;;8CAeI,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;8CA4ByB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CA5CxI,CAAC;0BACH,CAAC;;;;;;;;;;;;;;8CAeI,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;8CA4ByB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;0CA5CxI,CAAC;0BACH,CAAC;;;;;;;;;;;;;;8CAeI,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;8CA4ByB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;0CA5CxI,CAAC;0BACH,CAAC;;;;;;;;;;;;;;8CAeI,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;8CA4ByB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CA5CxI,CAAC;0BACH,CAAC;;;;;;;;;;;;;;8CAeI,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;8CA4ByB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;0CA5CxI,CAAC;0BACH,CAAC;;;;;;;;;;;;;;8CAeI,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;8CA4ByB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;0CA5CxI,CAAC;0BACH,CAAC;;;;;;;;;;;;;;8CAeI,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;8CA4ByB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CA5CxI,CAAC;0BACH,CAAC;;;;;;;;;;;;;;8CAeI,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;8CA4ByB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;0CA5CxI,CAAC;0BACH,CAAC;;;;;;;;;;;;;;8CAeI,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;8CA4ByB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;0CA5CxI,CAAC;0BACH,CAAC;;;;;;;;;;;;;;8CAeI,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;8CA4ByB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CA5CxI,CAAC;0BACH,CAAC;;;;;;;;;;;;;;8CAeI,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;8CA4ByB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;0CA5CxI,CAAC;0BACH,CAAC;;;;;;;;;;;;;;8CAeI,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;8CA4ByB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;0CA5CxI,CAAC;0BACH,CAAC;;;;;;;;;;;;;;8CAeI,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;8CA4ByB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CA5CxI,CAAC;0BACH,CAAC;;;;;;;;;;;;;;8CAeI,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;8CA4ByB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;0CA5CxI,CAAC;0BACH,CAAC;;;;;;;;;;;;;;8CAeI,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;8CA4ByB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;0CA5CxI,CAAC;0BACH,CAAC;;;;;;;;;;;;;;8CAeI,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;8CA4ByB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAVjJ,CAAC"}
1
+ {"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../../src/presets/basicPreset/preset.ts"],"names":[],"mappings":"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"}
package/dist/presets/basicPreset/preset.js CHANGED
@@ -32,7 +32,7 @@ const modeSchema = {
32
32
  };
33
33
  /**
34
34
  * This basic preset includes utility mixins and functions,
35
- * but no primitive tokens or mode schema.
35
+ * but no mode schema.
36
36
  */
37
37
  export const presetBasic = definePreset({
38
38
  name: 'arbor-base',
@@ -121,6 +121,36 @@ export const presetBasic = definePreset({
121
121
  ${value}
122
122
  `,
123
123
  });
124
+ const between = create('between', {
125
+ description: 'Returns a value that is between two values based on a progress parameter. Progress should be between 0 and 1.',
126
+ parameters: [
127
+ {
128
+ name: '--from',
129
+ syntax: '<length> | <length-percentage>',
130
+ },
131
+ {
132
+ name: '--to',
133
+ syntax: '<length> | <length-percentage>',
134
+ },
135
+ { name: '--progress', fallback: '0.5' },
136
+ ],
137
+ definition: (css, from, to, progress) => css `calc(${from} + (${to} - ${from}) * ${progress})`,
138
+ });
139
+ const colorBetween = create('color-between', {
140
+ description: 'Returns a color that is between two colors based on a progress parameter. Progress should be between 0 and 1.',
141
+ parameters: [
142
+ {
143
+ name: '--from',
144
+ syntax: '<color>',
145
+ },
146
+ {
147
+ name: '--to',
148
+ syntax: '<color>',
149
+ },
150
+ { name: '--progress', fallback: '0.5' },
151
+ ],
152
+ definition: (css, from, to, progress) => css `color-mix(in oklch, ${from} ${css `calc(${progress} * 100%)`}, ${to} ${css `calc((1 - ${progress}) * 100%)`})`,
153
+ });
124
154
  return {
125
155
  colorLighter,
126
156
  colorHeavier,
@@ -130,6 +160,8 @@ export const presetBasic = definePreset({
130
160
  ring,
131
161
  colorContrast,
132
162
  literal,
163
+ between,
164
+ colorBetween,
133
165
  };
134
166
  },
135
167
  });