alouette 7.0.0-beta.12 → 7.0.0-beta.14

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 (13) hide show
  1. package/dist/definitions/config/colorScales.d.ts +1 -1
  2. package/dist/definitions/config/colorScales.d.ts.map +1 -1
  3. package/dist/definitions/config/createAlouetteTokens.d.ts +21 -130
  4. package/dist/definitions/config/createAlouetteTokens.d.ts.map +1 -1
  5. package/dist/definitions/config/themes.d.ts +39 -5
  6. package/dist/definitions/config/themes.d.ts.map +1 -1
  7. package/dist/definitions/createAlouetteTamagui.d.ts +26 -135
  8. package/dist/definitions/createAlouetteTamagui.d.ts.map +1 -1
  9. package/package.json +1 -1
  10. package/src/config/colorScales.ts +4 -4
  11. package/src/config/createAlouetteTokens.ts +13 -11
  12. package/src/config/themes.ts +22 -14
  13. package/src/createAlouetteTamagui.ts +36 -8
package/dist/definitions/config/colorScales.d.ts CHANGED
@@ -4,7 +4,7 @@ export type AlouetteColorScale = {
4
4
  [K in AlouetteColorScaleNumber]: string;
5
5
  };
6
6
  export declare const createColorScale: <const T extends AlouetteColorScale>(colorScale: T) => T;
7
- export type AlouetteColorScaleNames = "grayscale" | "success" | "info" | "warning" | "danger" | "primary";
7
+ export type AlouetteColorScaleNames = "danger" | "grayscale" | "info" | "primary" | "success" | "warning";
8
8
  export type ColorScaleTokens = {
9
9
  [K in AlouetteColorScaleNames as `${K}.${AlouetteColorScaleNumber}`]: string;
10
10
  };
package/dist/definitions/config/colorScales.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"colorScales.d.ts","sourceRoot":"","sources":["../../../src/config/colorScales.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAc1C,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AAEvD,MAAM,MAAM,kBAAkB,GAAG;KAAG,CAAC,IAAI,wBAAwB,GAAG,MAAM;CAAE,CAAC;AAE7E,eAAO,MAAM,gBAAgB,SAAU,CAAC,SAAS,kBAAkB,cACrD,CAAC,KACZ,CAAe,CAAC;AAEnB,MAAM,MAAM,uBAAuB,GAC/B,WAAW,GACX,SAAS,GACT,MAAM,GACN,SAAS,GACT,QAAQ,GACR,SAAS,CAAC;AAEd,MAAM,MAAM,gBAAgB,GAAG;KAC5B,CAAC,IAAI,uBAAuB,IAAI,GAAG,CAAC,IAAI,wBAAwB,EAAE,GAAG,MAAM;CAC7E,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,MAAM,CACtC,uBAAuB,EACvB,kBAAkB,CACnB,CAAC;AAIF,eAAO,MAAM,kBAAkB,EAAE,mBAyEvB,CAAC"}
1
+ {"version":3,"file":"colorScales.d.ts","sourceRoot":"","sources":["../../../src/config/colorScales.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAc1C,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AAEvD,MAAM,MAAM,kBAAkB,GAAG;KAAG,CAAC,IAAI,wBAAwB,GAAG,MAAM;CAAE,CAAC;AAE7E,eAAO,MAAM,gBAAgB,SAAU,CAAC,SAAS,kBAAkB,cACrD,CAAC,KACZ,CAAe,CAAC;AAEnB,MAAM,MAAM,uBAAuB,GAC/B,QAAQ,GACR,WAAW,GACX,MAAM,GACN,SAAS,GACT,SAAS,GACT,SAAS,CAAC;AAEd,MAAM,MAAM,gBAAgB,GAAG;KAC5B,CAAC,IAAI,uBAAuB,IAAI,GAAG,CAAC,IAAI,wBAAwB,EAAE,GAAG,MAAM;CAC7E,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,MAAM,CACtC,uBAAuB,EACvB,kBAAkB,CACnB,CAAC;AAIF,eAAO,MAAM,kBAAkB,EAAE,mBAyEvB,CAAC"}
package/dist/definitions/config/createAlouetteTokens.d.ts CHANGED
@@ -1,71 +1,14 @@
1
- import type { AlouetteColorScales } from "./colorScales";
1
+ import type { AlouetteColorScaleNumber, AlouetteColorScales } from "./colorScales";
2
+ type ColorScaleTokens<ColorScales extends AlouetteColorScales> = {
3
+ [K in string & keyof ColorScales as `${K}.${AlouetteColorScaleNumber}`]: string;
4
+ };
2
5
  export interface AlouetteTokensOptions {
3
6
  spacing?: number;
4
7
  }
5
- export declare const createAlouetteTokens: (colorScales: AlouetteColorScales, { spacing }?: AlouetteTokensOptions) => {
6
- color: {
7
- "grayscale.4": import("@tamagui/core").Variable<string>;
8
- "success.4": import("@tamagui/core").Variable<string>;
9
- "info.4": import("@tamagui/core").Variable<string>;
10
- "warning.4": import("@tamagui/core").Variable<string>;
11
- "danger.4": import("@tamagui/core").Variable<string>;
12
- "primary.4": import("@tamagui/core").Variable<string>;
13
- "grayscale.2": import("@tamagui/core").Variable<string>;
14
- "success.2": import("@tamagui/core").Variable<string>;
15
- "info.2": import("@tamagui/core").Variable<string>;
16
- "warning.2": import("@tamagui/core").Variable<string>;
17
- "danger.2": import("@tamagui/core").Variable<string>;
18
- "primary.2": import("@tamagui/core").Variable<string>;
19
- "grayscale.5": import("@tamagui/core").Variable<string>;
20
- "success.5": import("@tamagui/core").Variable<string>;
21
- "info.5": import("@tamagui/core").Variable<string>;
22
- "warning.5": import("@tamagui/core").Variable<string>;
23
- "danger.5": import("@tamagui/core").Variable<string>;
24
- "primary.5": import("@tamagui/core").Variable<string>;
25
- "grayscale.6": import("@tamagui/core").Variable<string>;
26
- "success.6": import("@tamagui/core").Variable<string>;
27
- "info.6": import("@tamagui/core").Variable<string>;
28
- "warning.6": import("@tamagui/core").Variable<string>;
29
- "danger.6": import("@tamagui/core").Variable<string>;
30
- "primary.6": import("@tamagui/core").Variable<string>;
31
- "grayscale.8": import("@tamagui/core").Variable<string>;
32
- "success.8": import("@tamagui/core").Variable<string>;
33
- "info.8": import("@tamagui/core").Variable<string>;
34
- "warning.8": import("@tamagui/core").Variable<string>;
35
- "danger.8": import("@tamagui/core").Variable<string>;
36
- "primary.8": import("@tamagui/core").Variable<string>;
37
- "grayscale.9": import("@tamagui/core").Variable<string>;
38
- "success.9": import("@tamagui/core").Variable<string>;
39
- "info.9": import("@tamagui/core").Variable<string>;
40
- "warning.9": import("@tamagui/core").Variable<string>;
41
- "danger.9": import("@tamagui/core").Variable<string>;
42
- "primary.9": import("@tamagui/core").Variable<string>;
43
- black: import("@tamagui/core").Variable<string>;
44
- "grayscale.1": import("@tamagui/core").Variable<string>;
45
- "success.1": import("@tamagui/core").Variable<string>;
46
- "info.1": import("@tamagui/core").Variable<string>;
47
- "warning.1": import("@tamagui/core").Variable<string>;
48
- "danger.1": import("@tamagui/core").Variable<string>;
49
- "primary.1": import("@tamagui/core").Variable<string>;
50
- "grayscale.3": import("@tamagui/core").Variable<string>;
51
- "grayscale.7": import("@tamagui/core").Variable<string>;
52
- "success.3": import("@tamagui/core").Variable<string>;
53
- "success.7": import("@tamagui/core").Variable<string>;
54
- "info.3": import("@tamagui/core").Variable<string>;
55
- "info.7": import("@tamagui/core").Variable<string>;
56
- "warning.3": import("@tamagui/core").Variable<string>;
57
- "warning.7": import("@tamagui/core").Variable<string>;
58
- "danger.3": import("@tamagui/core").Variable<string>;
59
- "danger.7": import("@tamagui/core").Variable<string>;
60
- "primary.3": import("@tamagui/core").Variable<string>;
61
- "primary.7": import("@tamagui/core").Variable<string>;
62
- white: import("@tamagui/core").Variable<string>;
63
- disabled: import("@tamagui/core").Variable<string>;
64
- contrastDisabled: import("@tamagui/core").Variable<string>;
65
- };
8
+ export declare const createAlouetteTokens: <const ColorScales extends AlouetteColorScales>(colorScales: ColorScales, { spacing }?: AlouetteTokensOptions) => {
9
+ color: { [Key in "black" | "white" | "disabled" | "contrastDisabled" | keyof ColorScaleTokens<ColorScales> extends number ? `${number & keyof ColorScaleTokens<ColorScales>}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof ColorScaleTokens<ColorScales>]: import("@tamagui/core").Variable<string>; };
66
10
  space: {
67
11
  0: import("@tamagui/core").Variable<number>;
68
- 20: import("@tamagui/core").Variable<number>;
69
12
  1: import("@tamagui/core").Variable<number>;
70
13
  10: import("@tamagui/core").Variable<number>;
71
14
  4: import("@tamagui/core").Variable<number>;
@@ -92,6 +35,7 @@ export declare const createAlouetteTokens: (colorScales: AlouetteColorScales, {
92
35
  15: import("@tamagui/core").Variable<number>;
93
36
  17: import("@tamagui/core").Variable<number>;
94
37
  19: import("@tamagui/core").Variable<number>;
38
+ 20: import("@tamagui/core").Variable<number>;
95
39
  21: import("@tamagui/core").Variable<number>;
96
40
  22: import("@tamagui/core").Variable<number>;
97
41
  23: import("@tamagui/core").Variable<number>;
@@ -132,7 +76,6 @@ export declare const createAlouetteTokens: (colorScales: AlouetteColorScales, {
132
76
  62: import("@tamagui/core").Variable<number>;
133
77
  63: import("@tamagui/core").Variable<number>;
134
78
  "-0": import("@tamagui/core").Variable<number>;
135
- [-20]: import("@tamagui/core").Variable<number>;
136
79
  [-1]: import("@tamagui/core").Variable<number>;
137
80
  [-10]: import("@tamagui/core").Variable<number>;
138
81
  [-4]: import("@tamagui/core").Variable<number>;
@@ -156,6 +99,7 @@ export declare const createAlouetteTokens: (colorScales: AlouetteColorScales, {
156
99
  [-15]: import("@tamagui/core").Variable<number>;
157
100
  [-17]: import("@tamagui/core").Variable<number>;
158
101
  [-19]: import("@tamagui/core").Variable<number>;
102
+ [-20]: import("@tamagui/core").Variable<number>;
159
103
  [-21]: import("@tamagui/core").Variable<number>;
160
104
  [-22]: import("@tamagui/core").Variable<number>;
161
105
  [-23]: import("@tamagui/core").Variable<number>;
@@ -198,7 +142,6 @@ export declare const createAlouetteTokens: (colorScales: AlouetteColorScales, {
198
142
  };
199
143
  size: {
200
144
  "-0": import("@tamagui/core").Variable<number>;
201
- [-20]: import("@tamagui/core").Variable<number>;
202
145
  [-1]: import("@tamagui/core").Variable<number>;
203
146
  [-10]: import("@tamagui/core").Variable<number>;
204
147
  [-4]: import("@tamagui/core").Variable<number>;
@@ -222,6 +165,7 @@ export declare const createAlouetteTokens: (colorScales: AlouetteColorScales, {
222
165
  [-15]: import("@tamagui/core").Variable<number>;
223
166
  [-17]: import("@tamagui/core").Variable<number>;
224
167
  [-19]: import("@tamagui/core").Variable<number>;
168
+ [-20]: import("@tamagui/core").Variable<number>;
225
169
  [-21]: import("@tamagui/core").Variable<number>;
226
170
  [-22]: import("@tamagui/core").Variable<number>;
227
171
  [-23]: import("@tamagui/core").Variable<number>;
@@ -267,7 +211,6 @@ export declare const createAlouetteTokens: (colorScales: AlouetteColorScales, {
267
211
  sm: import("@tamagui/core").Variable<number>;
268
212
  xs: import("@tamagui/core").Variable<number>;
269
213
  "-0": import("@tamagui/core").Variable<number>;
270
- [-20]: import("@tamagui/core").Variable<number>;
271
214
  [-1]: import("@tamagui/core").Variable<number>;
272
215
  [-10]: import("@tamagui/core").Variable<number>;
273
216
  [-4]: import("@tamagui/core").Variable<number>;
@@ -291,6 +234,7 @@ export declare const createAlouetteTokens: (colorScales: AlouetteColorScales, {
291
234
  [-15]: import("@tamagui/core").Variable<number>;
292
235
  [-17]: import("@tamagui/core").Variable<number>;
293
236
  [-19]: import("@tamagui/core").Variable<number>;
237
+ [-20]: import("@tamagui/core").Variable<number>;
294
238
  [-21]: import("@tamagui/core").Variable<number>;
295
239
  [-22]: import("@tamagui/core").Variable<number>;
296
240
  [-23]: import("@tamagui/core").Variable<number>;
@@ -333,72 +277,17 @@ export declare const createAlouetteTokens: (colorScales: AlouetteColorScales, {
333
277
  };
334
278
  zIndex: {};
335
279
  } & Omit<{
336
- readonly color: {
337
- "grayscale.4": import("@tamagui/core").Variable<string>;
338
- "success.4": import("@tamagui/core").Variable<string>;
339
- "info.4": import("@tamagui/core").Variable<string>;
340
- "warning.4": import("@tamagui/core").Variable<string>;
341
- "danger.4": import("@tamagui/core").Variable<string>;
342
- "primary.4": import("@tamagui/core").Variable<string>;
343
- "grayscale.2": import("@tamagui/core").Variable<string>;
344
- "success.2": import("@tamagui/core").Variable<string>;
345
- "info.2": import("@tamagui/core").Variable<string>;
346
- "warning.2": import("@tamagui/core").Variable<string>;
347
- "danger.2": import("@tamagui/core").Variable<string>;
348
- "primary.2": import("@tamagui/core").Variable<string>;
349
- "grayscale.5": import("@tamagui/core").Variable<string>;
350
- "success.5": import("@tamagui/core").Variable<string>;
351
- "info.5": import("@tamagui/core").Variable<string>;
352
- "warning.5": import("@tamagui/core").Variable<string>;
353
- "danger.5": import("@tamagui/core").Variable<string>;
354
- "primary.5": import("@tamagui/core").Variable<string>;
355
- "grayscale.6": import("@tamagui/core").Variable<string>;
356
- "success.6": import("@tamagui/core").Variable<string>;
357
- "info.6": import("@tamagui/core").Variable<string>;
358
- "warning.6": import("@tamagui/core").Variable<string>;
359
- "danger.6": import("@tamagui/core").Variable<string>;
360
- "primary.6": import("@tamagui/core").Variable<string>;
361
- "grayscale.8": import("@tamagui/core").Variable<string>;
362
- "success.8": import("@tamagui/core").Variable<string>;
363
- "info.8": import("@tamagui/core").Variable<string>;
364
- "warning.8": import("@tamagui/core").Variable<string>;
365
- "danger.8": import("@tamagui/core").Variable<string>;
366
- "primary.8": import("@tamagui/core").Variable<string>;
367
- "grayscale.9": import("@tamagui/core").Variable<string>;
368
- "success.9": import("@tamagui/core").Variable<string>;
369
- "info.9": import("@tamagui/core").Variable<string>;
370
- "warning.9": import("@tamagui/core").Variable<string>;
371
- "danger.9": import("@tamagui/core").Variable<string>;
372
- "primary.9": import("@tamagui/core").Variable<string>;
373
- black: import("@tamagui/core").Variable<string>;
374
- "grayscale.1": import("@tamagui/core").Variable<string>;
375
- "success.1": import("@tamagui/core").Variable<string>;
376
- "info.1": import("@tamagui/core").Variable<string>;
377
- "warning.1": import("@tamagui/core").Variable<string>;
378
- "danger.1": import("@tamagui/core").Variable<string>;
379
- "primary.1": import("@tamagui/core").Variable<string>;
380
- "grayscale.3": import("@tamagui/core").Variable<string>;
381
- "grayscale.7": import("@tamagui/core").Variable<string>;
382
- "success.3": import("@tamagui/core").Variable<string>;
383
- "success.7": import("@tamagui/core").Variable<string>;
384
- "info.3": import("@tamagui/core").Variable<string>;
385
- "info.7": import("@tamagui/core").Variable<string>;
386
- "warning.3": import("@tamagui/core").Variable<string>;
387
- "warning.7": import("@tamagui/core").Variable<string>;
388
- "danger.3": import("@tamagui/core").Variable<string>;
389
- "danger.7": import("@tamagui/core").Variable<string>;
390
- "primary.3": import("@tamagui/core").Variable<string>;
391
- "primary.7": import("@tamagui/core").Variable<string>;
392
- white: import("@tamagui/core").Variable<string>;
393
- disabled: import("@tamagui/core").Variable<string>;
394
- contrastDisabled: import("@tamagui/core").Variable<string>;
395
- };
280
+ readonly color: { [Key_1 in "black" | "white" | "disabled" | "contrastDisabled" | keyof ColorScaleTokens<ColorScales> extends number ? `${number & keyof ColorScaleTokens<ColorScales>}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof ColorScaleTokens<ColorScales>]: import("@tamagui/core").Variable<({
281
+ readonly black: "#000000";
282
+ readonly white: "#ffffff";
283
+ readonly disabled: string;
284
+ readonly contrastDisabled: string;
285
+ } & ColorScaleTokens<ColorScales>)["black" | "white" | "disabled" | "contrastDisabled" | keyof ColorScaleTokens<ColorScales>]>; };
396
286
  readonly radius: {
397
287
  md: import("@tamagui/core").Variable<number>;
398
288
  sm: import("@tamagui/core").Variable<number>;
399
289
  xs: import("@tamagui/core").Variable<number>;
400
290
  "-0": import("@tamagui/core").Variable<number>;
401
- [-20]: import("@tamagui/core").Variable<number>;
402
291
  [-1]: import("@tamagui/core").Variable<number>;
403
292
  [-10]: import("@tamagui/core").Variable<number>;
404
293
  [-4]: import("@tamagui/core").Variable<number>;
@@ -422,6 +311,7 @@ export declare const createAlouetteTokens: (colorScales: AlouetteColorScales, {
422
311
  [-15]: import("@tamagui/core").Variable<number>;
423
312
  [-17]: import("@tamagui/core").Variable<number>;
424
313
  [-19]: import("@tamagui/core").Variable<number>;
314
+ [-20]: import("@tamagui/core").Variable<number>;
425
315
  [-21]: import("@tamagui/core").Variable<number>;
426
316
  [-22]: import("@tamagui/core").Variable<number>;
427
317
  [-23]: import("@tamagui/core").Variable<number>;
@@ -464,7 +354,6 @@ export declare const createAlouetteTokens: (colorScales: AlouetteColorScales, {
464
354
  };
465
355
  readonly space: {
466
356
  0: import("@tamagui/core").Variable<number>;
467
- 20: import("@tamagui/core").Variable<number>;
468
357
  1: import("@tamagui/core").Variable<number>;
469
358
  10: import("@tamagui/core").Variable<number>;
470
359
  4: import("@tamagui/core").Variable<number>;
@@ -491,6 +380,7 @@ export declare const createAlouetteTokens: (colorScales: AlouetteColorScales, {
491
380
  15: import("@tamagui/core").Variable<number>;
492
381
  17: import("@tamagui/core").Variable<number>;
493
382
  19: import("@tamagui/core").Variable<number>;
383
+ 20: import("@tamagui/core").Variable<number>;
494
384
  21: import("@tamagui/core").Variable<number>;
495
385
  22: import("@tamagui/core").Variable<number>;
496
386
  23: import("@tamagui/core").Variable<number>;
@@ -531,7 +421,6 @@ export declare const createAlouetteTokens: (colorScales: AlouetteColorScales, {
531
421
  62: import("@tamagui/core").Variable<number>;
532
422
  63: import("@tamagui/core").Variable<number>;
533
423
  "-0": import("@tamagui/core").Variable<number>;
534
- [-20]: import("@tamagui/core").Variable<number>;
535
424
  [-1]: import("@tamagui/core").Variable<number>;
536
425
  [-10]: import("@tamagui/core").Variable<number>;
537
426
  [-4]: import("@tamagui/core").Variable<number>;
@@ -555,6 +444,7 @@ export declare const createAlouetteTokens: (colorScales: AlouetteColorScales, {
555
444
  [-15]: import("@tamagui/core").Variable<number>;
556
445
  [-17]: import("@tamagui/core").Variable<number>;
557
446
  [-19]: import("@tamagui/core").Variable<number>;
447
+ [-20]: import("@tamagui/core").Variable<number>;
558
448
  [-21]: import("@tamagui/core").Variable<number>;
559
449
  [-22]: import("@tamagui/core").Variable<number>;
560
450
  [-23]: import("@tamagui/core").Variable<number>;
@@ -597,7 +487,6 @@ export declare const createAlouetteTokens: (colorScales: AlouetteColorScales, {
597
487
  };
598
488
  readonly size: {
599
489
  "-0": import("@tamagui/core").Variable<number>;
600
- [-20]: import("@tamagui/core").Variable<number>;
601
490
  [-1]: import("@tamagui/core").Variable<number>;
602
491
  [-10]: import("@tamagui/core").Variable<number>;
603
492
  [-4]: import("@tamagui/core").Variable<number>;
@@ -621,6 +510,7 @@ export declare const createAlouetteTokens: (colorScales: AlouetteColorScales, {
621
510
  [-15]: import("@tamagui/core").Variable<number>;
622
511
  [-17]: import("@tamagui/core").Variable<number>;
623
512
  [-19]: import("@tamagui/core").Variable<number>;
513
+ [-20]: import("@tamagui/core").Variable<number>;
624
514
  [-21]: import("@tamagui/core").Variable<number>;
625
515
  [-22]: import("@tamagui/core").Variable<number>;
626
516
  [-23]: import("@tamagui/core").Variable<number>;
@@ -663,4 +553,5 @@ export declare const createAlouetteTokens: (colorScales: AlouetteColorScales, {
663
553
  };
664
554
  readonly zIndex: {};
665
555
  }, "color" | "space" | "size" | "radius" | "zIndex">;
556
+ export {};
666
557
  //# sourceMappingURL=createAlouetteTokens.d.ts.map
package/dist/definitions/config/createAlouetteTokens.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"createAlouetteTokens.d.ts","sourceRoot":"","sources":["../../../src/config/createAlouetteTokens.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAGV,mBAAmB,EACpB,MAAM,eAAe,CAAC;AAuCvB,MAAM,WAAW,qBAAqB;IACpC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,oBAAoB,gBAClB,mBAAmB,gBACf,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDA6BvC,CAAC"}
1
+ {"version":3,"file":"createAlouetteTokens.d.ts","sourceRoot":"","sources":["../../../src/config/createAlouetteTokens.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,wBAAwB,EACxB,mBAAmB,EACpB,MAAM,eAAe,CAAC;AAuBvB,KAAK,gBAAgB,CAAC,WAAW,SAAS,mBAAmB,IAAI;KAC9D,CAAC,IAAI,MAAM,GACV,MAAM,WAAW,IAAI,GAAG,CAAC,IAAI,wBAAwB,EAAE,GAAG,MAAM;CACnE,CAAC;AAcF,MAAM,WAAW,qBAAqB;IACpC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,oBAAoB,SACzB,WAAW,SAAS,mBAAmB,eAEhC,WAAW,gBACP,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDA6BvC,CAAC"}
package/dist/definitions/config/themes.d.ts CHANGED
@@ -1,9 +1,43 @@
1
1
  import type { Variable } from "@tamagui/core";
2
- import { createAlouetteTokens } from "./createAlouetteTokens";
2
+ import type { AlouetteColorScaleNames, AlouetteColorScales } from "./colorScales";
3
+ import type { createAlouetteTokens } from "./createAlouetteTokens";
4
+ export interface MinimalTheme {
5
+ backgroundColor: Variable;
6
+ textColor: Variable;
7
+ }
8
+ export declare const createTheme: <T extends MinimalTheme>(theme: T) => T;
9
+ export declare const createColorTheme: <const ColorScales extends AlouetteColorScales>(tokens: ReturnType<typeof createAlouetteTokens<ColorScales>>, colorScaleName: AlouetteColorScaleNames, textColor?: Variable<string>, contrastTextColor?: Variable<string>) => {
10
+ mainColor: { [Key in "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }]: Variable<string>; }["black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }];
11
+ mainTextColor: { [Key in "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }]: Variable<string>; }["black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }];
12
+ contrastTextColor: Variable<string>;
13
+ borderColor: { [Key in "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }]: Variable<string>; }["black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }];
14
+ "interactive.contained.backgroundColor": { [Key in "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }]: Variable<string>; }["black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }];
15
+ "interactive.borderColor": { [Key in "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }]: Variable<string>; }["black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }];
16
+ "interactive.contained.backgroundColor:hover": { [Key in "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }]: Variable<string>; }["black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }];
17
+ "interactive.outlined.backgroundColor:hover": { [Key in "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }]: Variable<string>; }["black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }];
18
+ "interactive.borderColor:hover": { [Key in "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }]: Variable<string>; }["black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }];
19
+ "interactive.contained.backgroundColor:focus": { [Key in "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }]: Variable<string>; }["black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }];
20
+ "interactive.outlined.backgroundColor:focus": { [Key in "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }]: Variable<string>; }["black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }];
21
+ "interactive.borderColor:focus": { [Key in "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }]: Variable<string>; }["black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }];
22
+ "interactive.contained.backgroundColor:press": { [Key in "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }]: Variable<string>; }["black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }];
23
+ "interactive.outlined.backgroundColor:press": { [Key in "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }]: Variable<string>; }["black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }];
24
+ "interactive.borderColor:press": { [Key in "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }]: Variable<string>; }["black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }];
25
+ "interactive.contained.backgroundColor:disabled": Variable<string>;
26
+ "interactive.borderColor:disabled": Variable<string>;
27
+ "interactive.textColor:disabled": Variable<string>;
28
+ "interactive.forms.textColor": Variable<string>;
29
+ "interactive.forms.backgroundColor:focus": { [Key in "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }]: Variable<string>; }["black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }];
30
+ "interactive.forms.backgroundColor:press": { [Key in "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }]: Variable<string>; }["black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }];
31
+ "interactive.forms.borderColor": { [Key in "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }]: Variable<string>; }["black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }];
32
+ "interactive.forms.borderColor:hover": { [Key in "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }]: Variable<string>; }["black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }];
33
+ "interactive.forms.borderColor:focus": { [Key in "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }]: Variable<string>; }["black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }];
34
+ "interactive.forms.borderColor:press": { [Key in "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }]: Variable<string>; }["black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }];
35
+ "interactive.forms.borderColor:disabled": Variable<string>;
36
+ };
3
37
  export declare const createAlouetteThemes: (tokens: ReturnType<typeof createAlouetteTokens>) => {
4
38
  readonly light: {
5
- backgroundColor: Variable<string>;
6
- textColor: Variable<string>;
39
+ backgroundColor: any;
40
+ textColor: any;
7
41
  };
8
42
  readonly light_info: {
9
43
  mainColor: Variable<string>;
@@ -146,8 +180,8 @@ export declare const createAlouetteThemes: (tokens: ReturnType<typeof createAlou
146
180
  "interactive.forms.borderColor:disabled": Variable<string>;
147
181
  };
148
182
  readonly dark: {
149
- backgroundColor: Variable<string>;
150
- textColor: Variable<string>;
183
+ backgroundColor: any;
184
+ textColor: any;
151
185
  };
152
186
  readonly dark_info: {
153
187
  mainColor: Variable<string>;
package/dist/definitions/config/themes.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../../src/config/themes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AA4D9D,eAAO,MAAM,oBAAoB,WACvB,UAAU,CAAC,OAAO,oBAAoB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDpC,CAAC"}
1
+ {"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../../src/config/themes.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,KAAK,EACV,uBAAuB,EACvB,mBAAmB,EACpB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAEnE,MAAM,WAAW,YAAY;IAC3B,eAAe,EAAE,QAAQ,CAAC;IAC1B,SAAS,EAAE,QAAQ,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,YAAY,SAAS,CAAC,KAAG,CAE9D,CAAC;AAEF,eAAO,MAAM,gBAAgB,SAAU,WAAW,SAAS,mBAAmB,UACpE,UAAU,CAAC,OAAO,oBAAoB,CAAC,WAAW,CAAC,CAAC,kBAC5C,uBAAuB,cAC3B,QAAQ,CAAC,MAAM,CAAC,sBACR,QAAQ,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDrC,CAAC;AAEF,eAAO,MAAM,oBAAoB,WACvB,UAAU,CAAC,OAAO,oBAAoB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDpC,CAAC"}
package/dist/definitions/createAlouetteTamagui.d.ts CHANGED
@@ -1,76 +1,20 @@
1
1
  import type { AlouetteColorScales } from "./config/colorScales";
2
2
  import type { AlouetteFontsOptions } from "./config/createAlouetteFonts";
3
3
  import type { AlouetteTokensOptions } from "./config/createAlouetteTokens";
4
- export interface AlouetteTamaguiOptions {
5
- colorScales: AlouetteColorScales;
4
+ import { createAlouetteTokens } from "./config/createAlouetteTokens";
5
+ import type { MinimalTheme } from "./config/themes";
6
+ export interface AlouetteTamaguiOptions<ColorScales extends AlouetteColorScales> {
7
+ colorScales: ColorScales;
6
8
  fonts?: AlouetteFontsOptions;
7
9
  tokens?: AlouetteTokensOptions;
10
+ createAdditionalThemes?: <const T extends Record<keyof T, MinimalTheme>>(tokens: ReturnType<typeof createAlouetteTokens<ColorScales>>) => T;
8
11
  }
12
+ export { createTheme, createColorTheme } from "./config/themes";
9
13
  export { defaultColorScales, createColorScale, type AlouetteColorScales, } from "./config/colorScales";
10
- export declare const createAlouetteTamagui: (options: AlouetteTamaguiOptions) => import("@tamagui/core").TamaguiInternalConfig<{
11
- color: {
12
- "grayscale.4": import("@tamagui/core").Variable<string>;
13
- "success.4": import("@tamagui/core").Variable<string>;
14
- "info.4": import("@tamagui/core").Variable<string>;
15
- "warning.4": import("@tamagui/core").Variable<string>;
16
- "danger.4": import("@tamagui/core").Variable<string>;
17
- "primary.4": import("@tamagui/core").Variable<string>;
18
- "grayscale.2": import("@tamagui/core").Variable<string>;
19
- "success.2": import("@tamagui/core").Variable<string>;
20
- "info.2": import("@tamagui/core").Variable<string>;
21
- "warning.2": import("@tamagui/core").Variable<string>;
22
- "danger.2": import("@tamagui/core").Variable<string>;
23
- "primary.2": import("@tamagui/core").Variable<string>;
24
- "grayscale.5": import("@tamagui/core").Variable<string>;
25
- "success.5": import("@tamagui/core").Variable<string>;
26
- "info.5": import("@tamagui/core").Variable<string>;
27
- "warning.5": import("@tamagui/core").Variable<string>;
28
- "danger.5": import("@tamagui/core").Variable<string>;
29
- "primary.5": import("@tamagui/core").Variable<string>;
30
- "grayscale.6": import("@tamagui/core").Variable<string>;
31
- "success.6": import("@tamagui/core").Variable<string>;
32
- "info.6": import("@tamagui/core").Variable<string>;
33
- "warning.6": import("@tamagui/core").Variable<string>;
34
- "danger.6": import("@tamagui/core").Variable<string>;
35
- "primary.6": import("@tamagui/core").Variable<string>;
36
- "grayscale.8": import("@tamagui/core").Variable<string>;
37
- "success.8": import("@tamagui/core").Variable<string>;
38
- "info.8": import("@tamagui/core").Variable<string>;
39
- "warning.8": import("@tamagui/core").Variable<string>;
40
- "danger.8": import("@tamagui/core").Variable<string>;
41
- "primary.8": import("@tamagui/core").Variable<string>;
42
- "grayscale.9": import("@tamagui/core").Variable<string>;
43
- "success.9": import("@tamagui/core").Variable<string>;
44
- "info.9": import("@tamagui/core").Variable<string>;
45
- "warning.9": import("@tamagui/core").Variable<string>;
46
- "danger.9": import("@tamagui/core").Variable<string>;
47
- "primary.9": import("@tamagui/core").Variable<string>;
48
- black: import("@tamagui/core").Variable<string>;
49
- "grayscale.1": import("@tamagui/core").Variable<string>;
50
- "success.1": import("@tamagui/core").Variable<string>;
51
- "info.1": import("@tamagui/core").Variable<string>;
52
- "warning.1": import("@tamagui/core").Variable<string>;
53
- "danger.1": import("@tamagui/core").Variable<string>;
54
- "primary.1": import("@tamagui/core").Variable<string>;
55
- "grayscale.3": import("@tamagui/core").Variable<string>;
56
- "grayscale.7": import("@tamagui/core").Variable<string>;
57
- "success.3": import("@tamagui/core").Variable<string>;
58
- "success.7": import("@tamagui/core").Variable<string>;
59
- "info.3": import("@tamagui/core").Variable<string>;
60
- "info.7": import("@tamagui/core").Variable<string>;
61
- "warning.3": import("@tamagui/core").Variable<string>;
62
- "warning.7": import("@tamagui/core").Variable<string>;
63
- "danger.3": import("@tamagui/core").Variable<string>;
64
- "danger.7": import("@tamagui/core").Variable<string>;
65
- "primary.3": import("@tamagui/core").Variable<string>;
66
- "primary.7": import("@tamagui/core").Variable<string>;
67
- white: import("@tamagui/core").Variable<string>;
68
- disabled: import("@tamagui/core").Variable<string>;
69
- contrastDisabled: import("@tamagui/core").Variable<string>;
70
- };
14
+ export declare const createAlouetteTamagui: <const ColorScales extends AlouetteColorScales>(options: AlouetteTamaguiOptions<ColorScales>) => import("@tamagui/core").TamaguiInternalConfig<{
15
+ color: { [Key in "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }]: import("@tamagui/core").Variable<string>; };
71
16
  space: {
72
17
  0: import("@tamagui/core").Variable<number>;
73
- 20: import("@tamagui/core").Variable<number>;
74
18
  1: import("@tamagui/core").Variable<number>;
75
19
  10: import("@tamagui/core").Variable<number>;
76
20
  4: import("@tamagui/core").Variable<number>;
@@ -97,6 +41,7 @@ export declare const createAlouetteTamagui: (options: AlouetteTamaguiOptions) =>
97
41
  15: import("@tamagui/core").Variable<number>;
98
42
  17: import("@tamagui/core").Variable<number>;
99
43
  19: import("@tamagui/core").Variable<number>;
44
+ 20: import("@tamagui/core").Variable<number>;
100
45
  21: import("@tamagui/core").Variable<number>;
101
46
  22: import("@tamagui/core").Variable<number>;
102
47
  23: import("@tamagui/core").Variable<number>;
@@ -137,7 +82,6 @@ export declare const createAlouetteTamagui: (options: AlouetteTamaguiOptions) =>
137
82
  62: import("@tamagui/core").Variable<number>;
138
83
  63: import("@tamagui/core").Variable<number>;
139
84
  "-0": import("@tamagui/core").Variable<number>;
140
- [-20]: import("@tamagui/core").Variable<number>;
141
85
  [-1]: import("@tamagui/core").Variable<number>;
142
86
  [-10]: import("@tamagui/core").Variable<number>;
143
87
  [-4]: import("@tamagui/core").Variable<number>;
@@ -161,6 +105,7 @@ export declare const createAlouetteTamagui: (options: AlouetteTamaguiOptions) =>
161
105
  [-15]: import("@tamagui/core").Variable<number>;
162
106
  [-17]: import("@tamagui/core").Variable<number>;
163
107
  [-19]: import("@tamagui/core").Variable<number>;
108
+ [-20]: import("@tamagui/core").Variable<number>;
164
109
  [-21]: import("@tamagui/core").Variable<number>;
165
110
  [-22]: import("@tamagui/core").Variable<number>;
166
111
  [-23]: import("@tamagui/core").Variable<number>;
@@ -203,7 +148,6 @@ export declare const createAlouetteTamagui: (options: AlouetteTamaguiOptions) =>
203
148
  };
204
149
  size: {
205
150
  "-0": import("@tamagui/core").Variable<number>;
206
- [-20]: import("@tamagui/core").Variable<number>;
207
151
  [-1]: import("@tamagui/core").Variable<number>;
208
152
  [-10]: import("@tamagui/core").Variable<number>;
209
153
  [-4]: import("@tamagui/core").Variable<number>;
@@ -227,6 +171,7 @@ export declare const createAlouetteTamagui: (options: AlouetteTamaguiOptions) =>
227
171
  [-15]: import("@tamagui/core").Variable<number>;
228
172
  [-17]: import("@tamagui/core").Variable<number>;
229
173
  [-19]: import("@tamagui/core").Variable<number>;
174
+ [-20]: import("@tamagui/core").Variable<number>;
230
175
  [-21]: import("@tamagui/core").Variable<number>;
231
176
  [-22]: import("@tamagui/core").Variable<number>;
232
177
  [-23]: import("@tamagui/core").Variable<number>;
@@ -272,7 +217,6 @@ export declare const createAlouetteTamagui: (options: AlouetteTamaguiOptions) =>
272
217
  sm: import("@tamagui/core").Variable<number>;
273
218
  xs: import("@tamagui/core").Variable<number>;
274
219
  "-0": import("@tamagui/core").Variable<number>;
275
- [-20]: import("@tamagui/core").Variable<number>;
276
220
  [-1]: import("@tamagui/core").Variable<number>;
277
221
  [-10]: import("@tamagui/core").Variable<number>;
278
222
  [-4]: import("@tamagui/core").Variable<number>;
@@ -296,6 +240,7 @@ export declare const createAlouetteTamagui: (options: AlouetteTamaguiOptions) =>
296
240
  [-15]: import("@tamagui/core").Variable<number>;
297
241
  [-17]: import("@tamagui/core").Variable<number>;
298
242
  [-19]: import("@tamagui/core").Variable<number>;
243
+ [-20]: import("@tamagui/core").Variable<number>;
299
244
  [-21]: import("@tamagui/core").Variable<number>;
300
245
  [-22]: import("@tamagui/core").Variable<number>;
301
246
  [-23]: import("@tamagui/core").Variable<number>;
@@ -338,72 +283,17 @@ export declare const createAlouetteTamagui: (options: AlouetteTamaguiOptions) =>
338
283
  };
339
284
  zIndex: {};
340
285
  } & Omit<{
341
- readonly color: {
342
- "grayscale.4": import("@tamagui/core").Variable<string>;
343
- "success.4": import("@tamagui/core").Variable<string>;
344
- "info.4": import("@tamagui/core").Variable<string>;
345
- "warning.4": import("@tamagui/core").Variable<string>;
346
- "danger.4": import("@tamagui/core").Variable<string>;
347
- "primary.4": import("@tamagui/core").Variable<string>;
348
- "grayscale.2": import("@tamagui/core").Variable<string>;
349
- "success.2": import("@tamagui/core").Variable<string>;
350
- "info.2": import("@tamagui/core").Variable<string>;
351
- "warning.2": import("@tamagui/core").Variable<string>;
352
- "danger.2": import("@tamagui/core").Variable<string>;
353
- "primary.2": import("@tamagui/core").Variable<string>;
354
- "grayscale.5": import("@tamagui/core").Variable<string>;
355
- "success.5": import("@tamagui/core").Variable<string>;
356
- "info.5": import("@tamagui/core").Variable<string>;
357
- "warning.5": import("@tamagui/core").Variable<string>;
358
- "danger.5": import("@tamagui/core").Variable<string>;
359
- "primary.5": import("@tamagui/core").Variable<string>;
360
- "grayscale.6": import("@tamagui/core").Variable<string>;
361
- "success.6": import("@tamagui/core").Variable<string>;
362
- "info.6": import("@tamagui/core").Variable<string>;
363
- "warning.6": import("@tamagui/core").Variable<string>;
364
- "danger.6": import("@tamagui/core").Variable<string>;
365
- "primary.6": import("@tamagui/core").Variable<string>;
366
- "grayscale.8": import("@tamagui/core").Variable<string>;
367
- "success.8": import("@tamagui/core").Variable<string>;
368
- "info.8": import("@tamagui/core").Variable<string>;
369
- "warning.8": import("@tamagui/core").Variable<string>;
370
- "danger.8": import("@tamagui/core").Variable<string>;
371
- "primary.8": import("@tamagui/core").Variable<string>;
372
- "grayscale.9": import("@tamagui/core").Variable<string>;
373
- "success.9": import("@tamagui/core").Variable<string>;
374
- "info.9": import("@tamagui/core").Variable<string>;
375
- "warning.9": import("@tamagui/core").Variable<string>;
376
- "danger.9": import("@tamagui/core").Variable<string>;
377
- "primary.9": import("@tamagui/core").Variable<string>;
378
- black: import("@tamagui/core").Variable<string>;
379
- "grayscale.1": import("@tamagui/core").Variable<string>;
380
- "success.1": import("@tamagui/core").Variable<string>;
381
- "info.1": import("@tamagui/core").Variable<string>;
382
- "warning.1": import("@tamagui/core").Variable<string>;
383
- "danger.1": import("@tamagui/core").Variable<string>;
384
- "primary.1": import("@tamagui/core").Variable<string>;
385
- "grayscale.3": import("@tamagui/core").Variable<string>;
386
- "grayscale.7": import("@tamagui/core").Variable<string>;
387
- "success.3": import("@tamagui/core").Variable<string>;
388
- "success.7": import("@tamagui/core").Variable<string>;
389
- "info.3": import("@tamagui/core").Variable<string>;
390
- "info.7": import("@tamagui/core").Variable<string>;
391
- "warning.3": import("@tamagui/core").Variable<string>;
392
- "warning.7": import("@tamagui/core").Variable<string>;
393
- "danger.3": import("@tamagui/core").Variable<string>;
394
- "danger.7": import("@tamagui/core").Variable<string>;
395
- "primary.3": import("@tamagui/core").Variable<string>;
396
- "primary.7": import("@tamagui/core").Variable<string>;
397
- white: import("@tamagui/core").Variable<string>;
398
- disabled: import("@tamagui/core").Variable<string>;
399
- contrastDisabled: import("@tamagui/core").Variable<string>;
400
- };
286
+ readonly color: { [Key_1 in "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; } extends number ? `${number & keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }}` : "black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }]: import("@tamagui/core").Variable<({
287
+ readonly black: "#000000";
288
+ readonly white: "#ffffff";
289
+ readonly disabled: string;
290
+ readonly contrastDisabled: string;
291
+ } & { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; })["black" | "white" | "disabled" | "contrastDisabled" | keyof { [K in string & keyof ColorScales as `${K}.1` | `${K}.4` | `${K}.2` | `${K}.3` | `${K}.5` | `${K}.6` | `${K}.7` | `${K}.8` | `${K}.9`]: string; }]>; };
401
292
  readonly radius: {
402
293
  md: import("@tamagui/core").Variable<number>;
403
294
  sm: import("@tamagui/core").Variable<number>;
404
295
  xs: import("@tamagui/core").Variable<number>;
405
296
  "-0": import("@tamagui/core").Variable<number>;
406
- [-20]: import("@tamagui/core").Variable<number>;
407
297
  [-1]: import("@tamagui/core").Variable<number>;
408
298
  [-10]: import("@tamagui/core").Variable<number>;
409
299
  [-4]: import("@tamagui/core").Variable<number>;
@@ -427,6 +317,7 @@ export declare const createAlouetteTamagui: (options: AlouetteTamaguiOptions) =>
427
317
  [-15]: import("@tamagui/core").Variable<number>;
428
318
  [-17]: import("@tamagui/core").Variable<number>;
429
319
  [-19]: import("@tamagui/core").Variable<number>;
320
+ [-20]: import("@tamagui/core").Variable<number>;
430
321
  [-21]: import("@tamagui/core").Variable<number>;
431
322
  [-22]: import("@tamagui/core").Variable<number>;
432
323
  [-23]: import("@tamagui/core").Variable<number>;
@@ -469,7 +360,6 @@ export declare const createAlouetteTamagui: (options: AlouetteTamaguiOptions) =>
469
360
  };
470
361
  readonly space: {
471
362
  0: import("@tamagui/core").Variable<number>;
472
- 20: import("@tamagui/core").Variable<number>;
473
363
  1: import("@tamagui/core").Variable<number>;
474
364
  10: import("@tamagui/core").Variable<number>;
475
365
  4: import("@tamagui/core").Variable<number>;
@@ -496,6 +386,7 @@ export declare const createAlouetteTamagui: (options: AlouetteTamaguiOptions) =>
496
386
  15: import("@tamagui/core").Variable<number>;
497
387
  17: import("@tamagui/core").Variable<number>;
498
388
  19: import("@tamagui/core").Variable<number>;
389
+ 20: import("@tamagui/core").Variable<number>;
499
390
  21: import("@tamagui/core").Variable<number>;
500
391
  22: import("@tamagui/core").Variable<number>;
501
392
  23: import("@tamagui/core").Variable<number>;
@@ -536,7 +427,6 @@ export declare const createAlouetteTamagui: (options: AlouetteTamaguiOptions) =>
536
427
  62: import("@tamagui/core").Variable<number>;
537
428
  63: import("@tamagui/core").Variable<number>;
538
429
  "-0": import("@tamagui/core").Variable<number>;
539
- [-20]: import("@tamagui/core").Variable<number>;
540
430
  [-1]: import("@tamagui/core").Variable<number>;
541
431
  [-10]: import("@tamagui/core").Variable<number>;
542
432
  [-4]: import("@tamagui/core").Variable<number>;
@@ -560,6 +450,7 @@ export declare const createAlouetteTamagui: (options: AlouetteTamaguiOptions) =>
560
450
  [-15]: import("@tamagui/core").Variable<number>;
561
451
  [-17]: import("@tamagui/core").Variable<number>;
562
452
  [-19]: import("@tamagui/core").Variable<number>;
453
+ [-20]: import("@tamagui/core").Variable<number>;
563
454
  [-21]: import("@tamagui/core").Variable<number>;
564
455
  [-22]: import("@tamagui/core").Variable<number>;
565
456
  [-23]: import("@tamagui/core").Variable<number>;
@@ -602,7 +493,6 @@ export declare const createAlouetteTamagui: (options: AlouetteTamaguiOptions) =>
602
493
  };
603
494
  readonly size: {
604
495
  "-0": import("@tamagui/core").Variable<number>;
605
- [-20]: import("@tamagui/core").Variable<number>;
606
496
  [-1]: import("@tamagui/core").Variable<number>;
607
497
  [-10]: import("@tamagui/core").Variable<number>;
608
498
  [-4]: import("@tamagui/core").Variable<number>;
@@ -626,6 +516,7 @@ export declare const createAlouetteTamagui: (options: AlouetteTamaguiOptions) =>
626
516
  [-15]: import("@tamagui/core").Variable<number>;
627
517
  [-17]: import("@tamagui/core").Variable<number>;
628
518
  [-19]: import("@tamagui/core").Variable<number>;
519
+ [-20]: import("@tamagui/core").Variable<number>;
629
520
  [-21]: import("@tamagui/core").Variable<number>;
630
521
  [-22]: import("@tamagui/core").Variable<number>;
631
522
  [-23]: import("@tamagui/core").Variable<number>;
@@ -669,8 +560,8 @@ export declare const createAlouetteTamagui: (options: AlouetteTamaguiOptions) =>
669
560
  readonly zIndex: {};
670
561
  }, "color" | "space" | "size" | "radius" | "zIndex">, {
671
562
  readonly light: {
672
- backgroundColor: import("@tamagui/core").Variable<string>;
673
- textColor: import("@tamagui/core").Variable<string>;
563
+ backgroundColor: any;
564
+ textColor: any;
674
565
  };
675
566
  readonly light_info: {
676
567
  mainColor: import("@tamagui/core").Variable<string>;
@@ -813,8 +704,8 @@ export declare const createAlouetteTamagui: (options: AlouetteTamaguiOptions) =>
813
704
  "interactive.forms.borderColor:disabled": import("@tamagui/core").Variable<string>;
814
705
  };
815
706
  readonly dark: {
816
- backgroundColor: import("@tamagui/core").Variable<string>;
817
- textColor: import("@tamagui/core").Variable<string>;
707
+ backgroundColor: any;
708
+ textColor: any;
818
709
  };
819
710
  readonly dark_info: {
820
711
  mainColor: import("@tamagui/core").Variable<string>;
package/dist/definitions/createAlouetteTamagui.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"createAlouetteTamagui.d.ts","sourceRoot":"","sources":["../../src/createAlouetteTamagui.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEzE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAK3E,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,mBAAmB,CAAC;IACjC,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,MAAM,CAAC,EAAE,qBAAqB,CAAC;CAChC;AAED,OAAO,EACL,kBAAkB,EAClB,gBAAgB,EAChB,KAAK,mBAAmB,GACzB,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,qBAAqB,YAAa,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAcpE,CAAC"}
1
+ {"version":3,"file":"createAlouetteTamagui.d.ts","sourceRoot":"","sources":["../../src/createAlouetteTamagui.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAEzE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAErE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,MAAM,WAAW,sBAAsB,CACrC,WAAW,SAAS,mBAAmB;IAEvC,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,sBAAsB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,CAAC,EAAE,YAAY,CAAC,EACrE,MAAM,EAAE,UAAU,CAAC,OAAO,oBAAoB,CAAC,WAAW,CAAC,CAAC,KACzD,CAAC,CAAC;CACR;AAED,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEhE,OAAO,EACL,kBAAkB,EAClB,gBAAgB,EAChB,KAAK,mBAAmB,GACzB,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,qBAAqB,SAC1B,WAAW,SAAS,mBAAmB,WAEpC,sBAAsB,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkB7C,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "alouette",
3
- "version": "7.0.0-beta.12",
3
+ "version": "7.0.0-beta.14",
4
4
  "description": "tamagui-based design system with configurable defaults",
5
5
  "author": "Christophe Hurpeau <302891+christophehurpeau@users.noreply.github.com> (https://christophe.hurpeau.com)",
6
6
  "license": "UNLICENSED",
package/src/config/colorScales.ts CHANGED
@@ -21,12 +21,12 @@ export const createColorScale = <const T extends AlouetteColorScale>(
21
21
  ): T => colorScale;
22
22
 
23
23
  export type AlouetteColorScaleNames =
24
+ | "danger"
24
25
  | "grayscale"
25
- | "success"
26
26
  | "info"
27
- | "warning"
28
- | "danger"
29
- | "primary";
27
+ | "primary"
28
+ | "success"
29
+ | "warning";
30
30
 
31
31
  export type ColorScaleTokens = {
32
32
  [K in AlouetteColorScaleNames as `${K}.${AlouetteColorScaleNumber}`]: string; //(typeof colorScales)[K][AlouetteColorScaleNumber];
package/src/config/createAlouetteTokens.ts CHANGED
@@ -1,7 +1,6 @@
1
1
  import { createTokens } from "@tamagui/core";
2
2
  import type { IntRange } from "type-fest";
3
3
  import type {
4
- AlouetteColorScaleNames,
5
4
  AlouetteColorScaleNumber,
6
5
  AlouetteColorScales,
7
6
  } from "./colorScales";
@@ -16,9 +15,9 @@ const createAlouetteSizes = <N extends boolean>(
16
15
  negative: N,
17
16
  ): N extends true ? AlouetteSizeRecord : NegativeAlouetteSizeRecord => {
18
17
  const MAX_SIZE = 64;
19
- const sizes = {} as Partial<
18
+ const sizes: Partial<
20
19
  N extends true ? AlouetteSizeRecord : NegativeAlouetteSizeRecord
21
- >;
20
+ > = {};
22
21
  for (let size = 0; size <= MAX_SIZE; size++) {
23
22
  (sizes as any)[negative ? `-${size}` : `${size}`] = size * spacing;
24
23
  }
@@ -27,28 +26,31 @@ const createAlouetteSizes = <N extends boolean>(
27
26
  : NegativeAlouetteSizeRecord;
28
27
  };
29
28
 
30
- type ColorScaleTokens = {
31
- [K in AlouetteColorScaleNames as `${K}.${AlouetteColorScaleNumber}`]: string; //(typeof colorScales)[K][AlouetteColorScaleNumber];
29
+ type ColorScaleTokens<ColorScales extends AlouetteColorScales> = {
30
+ [K in string &
31
+ keyof ColorScales as `${K}.${AlouetteColorScaleNumber}`]: string; //(typeof colorScales)[K][AlouetteColorScaleNumber];
32
32
  };
33
33
 
34
- const transformColorScalesToTokens = (
35
- colorScales: AlouetteColorScales,
36
- ): ColorScaleTokens => {
34
+ const transformColorScalesToTokens = <ColorScales extends AlouetteColorScales>(
35
+ colorScales: ColorScales,
36
+ ): ColorScaleTokens<ColorScales> => {
37
37
  return Object.fromEntries(
38
38
  Object.entries(colorScales).flatMap(([colorName, colorScale]) => {
39
39
  return Object.entries(colorScale).map(([scaleNumber, colorValue]) => {
40
40
  return [`${colorName}.${scaleNumber}`, colorValue];
41
41
  });
42
42
  }),
43
- ) as ColorScaleTokens;
43
+ ) as ColorScaleTokens<ColorScales>;
44
44
  };
45
45
 
46
46
  export interface AlouetteTokensOptions {
47
47
  spacing?: number;
48
48
  }
49
49
 
50
- export const createAlouetteTokens = (
51
- colorScales: AlouetteColorScales,
50
+ export const createAlouetteTokens = <
51
+ const ColorScales extends AlouetteColorScales,
52
+ >(
53
+ colorScales: ColorScales,
52
54
  { spacing = 4 }: AlouetteTokensOptions = {},
53
55
  ) => {
54
56
  const sizes = createAlouetteSizes(spacing, false);
package/src/config/themes.ts CHANGED
@@ -1,25 +1,32 @@
1
+ /* eslint-disable camelcase */
1
2
  import type { Variable } from "@tamagui/core";
2
- import { createAlouetteTokens } from "./createAlouetteTokens";
3
- import { AlouetteColorScaleNames } from "./colorScales";
3
+ import type { AlouetteColorScales } from "./colorScales";
4
+ import type { createAlouetteTokens } from "./createAlouetteTokens";
4
5
 
5
- interface MinimalTheme {
6
+ export interface MinimalTheme {
6
7
  backgroundColor: Variable;
7
8
  textColor: Variable;
8
9
  }
9
10
 
10
- const createTheme = <T extends MinimalTheme>(theme: T): T => {
11
+ export const createTheme = <T extends MinimalTheme>(theme: T): T => {
11
12
  return theme;
12
13
  };
13
14
 
14
- const createColorTheme = (
15
- tokens: ReturnType<typeof createAlouetteTokens>,
16
- colorScaleName: AlouetteColorScaleNames,
17
- textColor = tokens.color.black,
18
- contrastTextColor = tokens.color.white,
15
+ export const createColorTheme = <const ColorScales extends AlouetteColorScales>(
16
+ tokens: ReturnType<typeof createAlouetteTokens<ColorScales>>,
17
+ colorScaleName: string & keyof ColorScales,
18
+ textColor?: Variable<string>,
19
+ contrastTextColor?: Variable<string>,
19
20
  ) => {
21
+ const alouetteTokens: ReturnType<
22
+ typeof createAlouetteTokens<AlouetteColorScales>
23
+ > = tokens;
24
+ if (!textColor) textColor = alouetteTokens.color.black;
25
+ if (!contrastTextColor) contrastTextColor = alouetteTokens.color.white;
26
+
20
27
  const getColor = (scaleNumber: number) =>
21
28
  tokens.color[
22
- (colorScaleName + `.${scaleNumber}`) as keyof typeof tokens.color
29
+ `${colorScaleName}.${scaleNumber}` as keyof typeof tokens.color
23
30
  ];
24
31
  return {
25
32
  mainColor: getColor(6),
@@ -42,9 +49,10 @@ const createColorTheme = (
42
49
  "interactive.outlined.backgroundColor:press": getColor(3),
43
50
  "interactive.borderColor:press": getColor(7),
44
51
 
45
- "interactive.contained.backgroundColor:disabled": tokens.color.disabled,
46
- "interactive.borderColor:disabled": tokens.color.disabled,
47
- "interactive.textColor:disabled": tokens.color.contrastDisabled,
52
+ "interactive.contained.backgroundColor:disabled":
53
+ alouetteTokens.color.disabled,
54
+ "interactive.borderColor:disabled": alouetteTokens.color.disabled,
55
+ "interactive.textColor:disabled": alouetteTokens.color.contrastDisabled,
48
56
 
49
57
  "interactive.forms.textColor": textColor,
50
58
  // "interactive.forms.backgroundColor": undefined,
@@ -55,7 +63,7 @@ const createColorTheme = (
55
63
  "interactive.forms.borderColor:hover": getColor(7),
56
64
  "interactive.forms.borderColor:focus": getColor(7),
57
65
  "interactive.forms.borderColor:press": getColor(7),
58
- "interactive.forms.borderColor:disabled": tokens.color.disabled,
66
+ "interactive.forms.borderColor:disabled": alouetteTokens.color.disabled,
59
67
  };
60
68
  };
61
69
 
package/src/createAlouetteTamagui.ts CHANGED
@@ -3,29 +3,57 @@ import { animations } from "./config/animations";
3
3
  import type { AlouetteColorScales } from "./config/colorScales";
4
4
  import type { AlouetteFontsOptions } from "./config/createAlouetteFonts";
5
5
  import { createAlouetteFonts } from "./config/createAlouetteFonts";
6
- import type { AlouetteTokensOptions } from "./config/createAlouetteTokens";
7
- import { createAlouetteTokens } from "./config/createAlouetteTokens";
6
+ import type { createAlouetteTokens } from "./config/createAlouetteTokens";
8
7
  import { media } from "./config/media";
8
+ import type { createColorTheme } from "./config/themes";
9
9
  import { createAlouetteThemes } from "./config/themes";
10
10
 
11
- export interface AlouetteTamaguiOptions {
12
- colorScales: AlouetteColorScales;
11
+ export { createAlouetteTokens } from "./config/createAlouetteTokens";
12
+
13
+ export interface AlouetteTamaguiOptions<
14
+ ColorScales extends AlouetteColorScales,
15
+ Tokens extends ReturnType<typeof createAlouetteTokens<ColorScales>>,
16
+ AdditionalColorThemeKeys extends string = never,
17
+ > {
13
18
  fonts?: AlouetteFontsOptions;
14
- tokens?: AlouetteTokensOptions;
19
+ createAdditionalThemes?: (
20
+ tokens: Tokens,
21
+ ) => Record<
22
+ AdditionalColorThemeKeys,
23
+ ReturnType<typeof createColorTheme<ColorScales>>
24
+ >;
15
25
  }
16
26
 
27
+ export { createTheme, createColorTheme } from "./config/themes";
28
+
17
29
  export {
18
30
  defaultColorScales,
19
31
  createColorScale,
20
32
  type AlouetteColorScales,
33
+ type AlouetteColorScale,
21
34
  } from "./config/colorScales";
22
35
 
23
- export const createAlouetteTamagui = (options: AlouetteTamaguiOptions) => {
24
- const tokens = createAlouetteTokens(options.colorScales, options.tokens);
36
+ export const createAlouetteTamagui = <
37
+ const ColorScales extends AlouetteColorScales,
38
+ const Tokens extends ReturnType<typeof createAlouetteTokens<ColorScales>>,
39
+ const AdditionalColorThemeKeys extends string,
40
+ >(
41
+ colorScales: ColorScales, // not needed unless for typings.
42
+ tokens: Tokens,
43
+ options: AlouetteTamaguiOptions<
44
+ ColorScales,
45
+ Tokens,
46
+ AdditionalColorThemeKeys
47
+ >,
48
+ // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
49
+ ) => {
25
50
  return createTamagui({
26
51
  fonts: createAlouetteFonts(options.fonts),
27
52
  tokens,
28
- themes: createAlouetteThemes(tokens),
53
+ themes: {
54
+ ...createAlouetteThemes(tokens),
55
+ ...options.createAdditionalThemes?.(tokens),
56
+ },
29
57
  media,
30
58
  animations,
31
59
  settings: {