@advui/theme 0.1.0 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -1
- package/dist/config.d.ts +581 -11
- package/dist/config.d.ts.map +1 -1
- package/dist/config.js +11 -2
- package/dist/config.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/material.d.ts +48 -0
- package/dist/material.d.ts.map +1 -0
- package/dist/material.js +222 -0
- package/dist/material.js.map +1 -0
- package/dist/themes.d.ts +2 -0
- package/dist/themes.d.ts.map +1 -1
- package/dist/themes.js +4 -0
- package/dist/themes.js.map +1 -1
- package/dist/tokens.d.ts +26 -9
- package/dist/tokens.d.ts.map +1 -1
- package/dist/tokens.js +13 -4
- package/dist/tokens.js.map +1 -1
- package/package.json +9 -4
- package/src/config.ts +35 -6
- package/src/index.ts +10 -1
- package/src/material.ts +268 -0
- package/src/themes.ts +6 -0
- package/src/tokens.ts +22 -5
package/dist/config.d.ts
CHANGED
|
@@ -1,18 +1,37 @@
|
|
|
1
1
|
import { type FontFamilies, type FontScale } from './fonts';
|
|
2
2
|
import { type ThemePresetName } from './presets';
|
|
3
|
-
import { type ThemeColorsInput } from './themes';
|
|
4
|
-
import { type
|
|
3
|
+
import { type GeneratedThemes, type ThemeColorsInput } from './themes';
|
|
4
|
+
import { type RadiusInput } from './tokens';
|
|
5
5
|
export interface UniversalConfigOptions {
|
|
6
6
|
/** Starting color preset. Individual `colors` win over the preset. Default: `indigo`. */
|
|
7
7
|
preset?: ThemePresetName;
|
|
8
8
|
/** Brand and intent colors — scale names (`'violet'`) or any color string (`'#6366f1'`). */
|
|
9
9
|
colors?: ThemeColorsInput;
|
|
10
|
-
/**
|
|
11
|
-
|
|
10
|
+
/**
|
|
11
|
+
* Corner roundness for every component: a scale name or base in px (default
|
|
12
|
+
* `md`, 8px), or exact values per token, e.g. `{ button: 9999 }`.
|
|
13
|
+
*/
|
|
14
|
+
radius?: RadiusInput;
|
|
12
15
|
/** Global type scale. Default: `default`. */
|
|
13
16
|
fontScale?: FontScale | number;
|
|
14
17
|
fonts?: FontFamilies;
|
|
18
|
+
/**
|
|
19
|
+
* Complete light and dark themes, e.g. from `material()` in
|
|
20
|
+
* `@advui/theme/material`. Replaces `preset` and `colors`.
|
|
21
|
+
*/
|
|
22
|
+
themes?: GeneratedThemes;
|
|
23
|
+
/**
|
|
24
|
+
* Android only: pressing a button, chip, tab or list row shows the native
|
|
25
|
+
* ripple instead of darkening it. `material()` turns it on. Default: false.
|
|
26
|
+
*/
|
|
27
|
+
androidRipple?: boolean;
|
|
15
28
|
}
|
|
29
|
+
/** Adv UI settings that are not Tamagui's, such as `androidRipple`. */
|
|
30
|
+
export interface UniversalSettings {
|
|
31
|
+
androidRipple: boolean;
|
|
32
|
+
}
|
|
33
|
+
/** The Adv UI settings stored on a config from `createUniversalConfig()`. */
|
|
34
|
+
export declare function getUniversalSettings(config: object): UniversalSettings;
|
|
16
35
|
/**
|
|
17
36
|
* Builds a complete Tamagui config (tokens, light/dark themes, fonts, media
|
|
18
37
|
* queries, animations). Call once at app startup and pass to `UniversalProvider`.
|
|
@@ -20,7 +39,7 @@ export interface UniversalConfigOptions {
|
|
|
20
39
|
* @example
|
|
21
40
|
* export const config = createUniversalConfig({ preset: 'violet', radius: 'lg' })
|
|
22
41
|
*/
|
|
23
|
-
export declare function createUniversalConfig(options?: UniversalConfigOptions): import("tamagui").
|
|
42
|
+
export declare function createUniversalConfig(options?: UniversalConfigOptions): Omit<import("tamagui").CreateTamaguiProps, keyof import("tamagui").GenericTamaguiConfig> & Omit<import("tamagui").CreateTamaguiConfig<{
|
|
24
43
|
color: {
|
|
25
44
|
readonly white: import("tamagui").Variable<string>;
|
|
26
45
|
readonly black: import("tamagui").Variable<string>;
|
|
@@ -111,7 +130,7 @@ export declare function createUniversalConfig(options?: UniversalConfigOptions):
|
|
|
111
130
|
readonly 32: import("tamagui").Variable<number>;
|
|
112
131
|
};
|
|
113
132
|
radius: {
|
|
114
|
-
|
|
133
|
+
true: import("tamagui").Variable<number>;
|
|
115
134
|
xs: import("tamagui").Variable<number>;
|
|
116
135
|
sm: import("tamagui").Variable<number>;
|
|
117
136
|
md: import("tamagui").Variable<number>;
|
|
@@ -119,8 +138,11 @@ export declare function createUniversalConfig(options?: UniversalConfigOptions):
|
|
|
119
138
|
xl: import("tamagui").Variable<number>;
|
|
120
139
|
"2xl": import("tamagui").Variable<number>;
|
|
121
140
|
"3xl": import("tamagui").Variable<number>;
|
|
141
|
+
button: import("tamagui").Variable<number>;
|
|
142
|
+
buttonLg: import("tamagui").Variable<number>;
|
|
143
|
+
dialog: import("tamagui").Variable<number>;
|
|
144
|
+
0: import("tamagui").Variable<number>;
|
|
122
145
|
full: import("tamagui").Variable<number>;
|
|
123
|
-
true: import("tamagui").Variable<number>;
|
|
124
146
|
};
|
|
125
147
|
zIndex: {
|
|
126
148
|
readonly 0: import("tamagui").Variable<number>;
|
|
@@ -220,7 +242,7 @@ export declare function createUniversalConfig(options?: UniversalConfigOptions):
|
|
|
220
242
|
readonly 32: import("tamagui").Variable<0 | 20 | 10 | 12 | 14 | 16 | 24 | 36 | 48 | 2 | 4 | 6 | 8 | 768 | 28 | 32 | 40 | 44 | 56 | 64 | 80 | 96 | 128 | 160 | 192 | 224 | 256 | 288 | 320 | 384 | 448 | 512 | 576 | 672 | 896>;
|
|
221
243
|
};
|
|
222
244
|
radius: {
|
|
223
|
-
|
|
245
|
+
true: import("tamagui").Variable<number>;
|
|
224
246
|
xs: import("tamagui").Variable<number>;
|
|
225
247
|
sm: import("tamagui").Variable<number>;
|
|
226
248
|
md: import("tamagui").Variable<number>;
|
|
@@ -228,8 +250,11 @@ export declare function createUniversalConfig(options?: UniversalConfigOptions):
|
|
|
228
250
|
xl: import("tamagui").Variable<number>;
|
|
229
251
|
"2xl": import("tamagui").Variable<number>;
|
|
230
252
|
"3xl": import("tamagui").Variable<number>;
|
|
253
|
+
button: import("tamagui").Variable<number>;
|
|
254
|
+
buttonLg: import("tamagui").Variable<number>;
|
|
255
|
+
dialog: import("tamagui").Variable<number>;
|
|
256
|
+
0: import("tamagui").Variable<number>;
|
|
231
257
|
full: import("tamagui").Variable<number>;
|
|
232
|
-
true: import("tamagui").Variable<number>;
|
|
233
258
|
};
|
|
234
259
|
zIndex: {
|
|
235
260
|
readonly 0: import("tamagui").Variable<0 | 1 | 1000 | 1100 | 1200 | 1300 | 1400 | 1500 | 1600>;
|
|
@@ -248,7 +273,7 @@ export declare function createUniversalConfig(options?: UniversalConfigOptions):
|
|
|
248
273
|
readonly black: import("tamagui").Variable<"#ffffff" | "#000000" | "rgba(0, 0, 0, 0)">;
|
|
249
274
|
readonly transparent: import("tamagui").Variable<"#ffffff" | "#000000" | "rgba(0, 0, 0, 0)">;
|
|
250
275
|
};
|
|
251
|
-
}, "color" | "zIndex" | "radius" | "space" | "size">,
|
|
276
|
+
}, "color" | "zIndex" | "radius" | "space" | "size">, GeneratedThemes, {
|
|
252
277
|
readonly text: "textAlign";
|
|
253
278
|
readonly b: "bottom";
|
|
254
279
|
readonly bg: "backgroundColor";
|
|
@@ -422,6 +447,551 @@ export declare function createUniversalConfig(options?: UniversalConfigOptions):
|
|
|
422
447
|
allowedStyleValues: "somewhat-strict-web";
|
|
423
448
|
onlyAllowShorthands: false;
|
|
424
449
|
styleCompat: "web";
|
|
425
|
-
}, "default"
|
|
450
|
+
}, "default">, "tokens"> & {
|
|
451
|
+
tokens: Omit<{
|
|
452
|
+
color: {
|
|
453
|
+
readonly white: import("tamagui").Variable<string>;
|
|
454
|
+
readonly black: import("tamagui").Variable<string>;
|
|
455
|
+
readonly transparent: import("tamagui").Variable<string>;
|
|
456
|
+
};
|
|
457
|
+
space: {
|
|
458
|
+
[-20]: import("tamagui").Variable<number>;
|
|
459
|
+
[-1]: import("tamagui").Variable<number>;
|
|
460
|
+
[-10]: import("tamagui").Variable<number>;
|
|
461
|
+
[-12]: import("tamagui").Variable<number>;
|
|
462
|
+
[-14]: import("tamagui").Variable<number>;
|
|
463
|
+
[-16]: import("tamagui").Variable<number>;
|
|
464
|
+
[-24]: import("tamagui").Variable<number>;
|
|
465
|
+
[-2]: import("tamagui").Variable<number>;
|
|
466
|
+
[-3]: import("tamagui").Variable<number>;
|
|
467
|
+
[-4]: import("tamagui").Variable<number>;
|
|
468
|
+
[-5]: import("tamagui").Variable<number>;
|
|
469
|
+
[-6]: import("tamagui").Variable<number>;
|
|
470
|
+
[-7]: import("tamagui").Variable<number>;
|
|
471
|
+
[-8]: import("tamagui").Variable<number>;
|
|
472
|
+
[-9]: import("tamagui").Variable<number>;
|
|
473
|
+
[-1.5]: import("tamagui").Variable<number>;
|
|
474
|
+
[-0.5]: import("tamagui").Variable<number>;
|
|
475
|
+
[-11]: import("tamagui").Variable<number>;
|
|
476
|
+
[-32]: import("tamagui").Variable<number>;
|
|
477
|
+
[-2.5]: import("tamagui").Variable<number>;
|
|
478
|
+
[-3.5]: import("tamagui").Variable<number>;
|
|
479
|
+
true: import("tamagui").Variable<number>;
|
|
480
|
+
0: import("tamagui").Variable<number>;
|
|
481
|
+
0.5: import("tamagui").Variable<number>;
|
|
482
|
+
1: import("tamagui").Variable<number>;
|
|
483
|
+
1.5: import("tamagui").Variable<number>;
|
|
484
|
+
2: import("tamagui").Variable<number>;
|
|
485
|
+
2.5: import("tamagui").Variable<number>;
|
|
486
|
+
3: import("tamagui").Variable<number>;
|
|
487
|
+
3.5: import("tamagui").Variable<number>;
|
|
488
|
+
4: import("tamagui").Variable<number>;
|
|
489
|
+
5: import("tamagui").Variable<number>;
|
|
490
|
+
6: import("tamagui").Variable<number>;
|
|
491
|
+
7: import("tamagui").Variable<number>;
|
|
492
|
+
8: import("tamagui").Variable<number>;
|
|
493
|
+
9: import("tamagui").Variable<number>;
|
|
494
|
+
10: import("tamagui").Variable<number>;
|
|
495
|
+
11: import("tamagui").Variable<number>;
|
|
496
|
+
12: import("tamagui").Variable<number>;
|
|
497
|
+
14: import("tamagui").Variable<number>;
|
|
498
|
+
16: import("tamagui").Variable<number>;
|
|
499
|
+
20: import("tamagui").Variable<number>;
|
|
500
|
+
24: import("tamagui").Variable<number>;
|
|
501
|
+
32: import("tamagui").Variable<number>;
|
|
502
|
+
};
|
|
503
|
+
size: {
|
|
504
|
+
readonly 40: import("tamagui").Variable<number>;
|
|
505
|
+
readonly 48: import("tamagui").Variable<number>;
|
|
506
|
+
readonly 56: import("tamagui").Variable<number>;
|
|
507
|
+
readonly 64: import("tamagui").Variable<number>;
|
|
508
|
+
readonly 72: import("tamagui").Variable<number>;
|
|
509
|
+
readonly 80: import("tamagui").Variable<number>;
|
|
510
|
+
readonly 96: import("tamagui").Variable<number>;
|
|
511
|
+
readonly 112: import("tamagui").Variable<number>;
|
|
512
|
+
readonly 128: import("tamagui").Variable<number>;
|
|
513
|
+
readonly 144: import("tamagui").Variable<number>;
|
|
514
|
+
readonly 168: import("tamagui").Variable<number>;
|
|
515
|
+
readonly 192: import("tamagui").Variable<number>;
|
|
516
|
+
readonly 224: import("tamagui").Variable<number>;
|
|
517
|
+
readonly true: import("tamagui").Variable<number>;
|
|
518
|
+
readonly 0: import("tamagui").Variable<number>;
|
|
519
|
+
readonly 0.5: import("tamagui").Variable<number>;
|
|
520
|
+
readonly 1: import("tamagui").Variable<number>;
|
|
521
|
+
readonly 1.5: import("tamagui").Variable<number>;
|
|
522
|
+
readonly 2: import("tamagui").Variable<number>;
|
|
523
|
+
readonly 2.5: import("tamagui").Variable<number>;
|
|
524
|
+
readonly 3: import("tamagui").Variable<number>;
|
|
525
|
+
readonly 3.5: import("tamagui").Variable<number>;
|
|
526
|
+
readonly 4: import("tamagui").Variable<number>;
|
|
527
|
+
readonly 5: import("tamagui").Variable<number>;
|
|
528
|
+
readonly 6: import("tamagui").Variable<number>;
|
|
529
|
+
readonly 7: import("tamagui").Variable<number>;
|
|
530
|
+
readonly 8: import("tamagui").Variable<number>;
|
|
531
|
+
readonly 9: import("tamagui").Variable<number>;
|
|
532
|
+
readonly 10: import("tamagui").Variable<number>;
|
|
533
|
+
readonly 11: import("tamagui").Variable<number>;
|
|
534
|
+
readonly 12: import("tamagui").Variable<number>;
|
|
535
|
+
readonly 14: import("tamagui").Variable<number>;
|
|
536
|
+
readonly 16: import("tamagui").Variable<number>;
|
|
537
|
+
readonly 20: import("tamagui").Variable<number>;
|
|
538
|
+
readonly 24: import("tamagui").Variable<number>;
|
|
539
|
+
readonly 32: import("tamagui").Variable<number>;
|
|
540
|
+
};
|
|
541
|
+
radius: {
|
|
542
|
+
true: import("tamagui").Variable<number>;
|
|
543
|
+
xs: import("tamagui").Variable<number>;
|
|
544
|
+
sm: import("tamagui").Variable<number>;
|
|
545
|
+
md: import("tamagui").Variable<number>;
|
|
546
|
+
lg: import("tamagui").Variable<number>;
|
|
547
|
+
xl: import("tamagui").Variable<number>;
|
|
548
|
+
"2xl": import("tamagui").Variable<number>;
|
|
549
|
+
"3xl": import("tamagui").Variable<number>;
|
|
550
|
+
button: import("tamagui").Variable<number>;
|
|
551
|
+
buttonLg: import("tamagui").Variable<number>;
|
|
552
|
+
dialog: import("tamagui").Variable<number>;
|
|
553
|
+
0: import("tamagui").Variable<number>;
|
|
554
|
+
full: import("tamagui").Variable<number>;
|
|
555
|
+
};
|
|
556
|
+
zIndex: {
|
|
557
|
+
readonly 0: import("tamagui").Variable<number>;
|
|
558
|
+
readonly 1: import("tamagui").Variable<number>;
|
|
559
|
+
readonly base: import("tamagui").Variable<number>;
|
|
560
|
+
readonly dropdown: import("tamagui").Variable<number>;
|
|
561
|
+
readonly sticky: import("tamagui").Variable<number>;
|
|
562
|
+
readonly overlay: import("tamagui").Variable<number>;
|
|
563
|
+
readonly modal: import("tamagui").Variable<number>;
|
|
564
|
+
readonly popover: import("tamagui").Variable<number>;
|
|
565
|
+
readonly toast: import("tamagui").Variable<number>;
|
|
566
|
+
readonly tooltip: import("tamagui").Variable<number>;
|
|
567
|
+
};
|
|
568
|
+
}, import("@tamagui/web").TokenCategories> & {
|
|
569
|
+
color: {
|
|
570
|
+
readonly white: import("tamagui").Variable<string>;
|
|
571
|
+
readonly black: import("tamagui").Variable<string>;
|
|
572
|
+
readonly transparent: import("tamagui").Variable<string>;
|
|
573
|
+
};
|
|
574
|
+
space: {
|
|
575
|
+
[-20]: import("tamagui").Variable<number>;
|
|
576
|
+
[-1]: import("tamagui").Variable<number>;
|
|
577
|
+
[-10]: import("tamagui").Variable<number>;
|
|
578
|
+
[-12]: import("tamagui").Variable<number>;
|
|
579
|
+
[-14]: import("tamagui").Variable<number>;
|
|
580
|
+
[-16]: import("tamagui").Variable<number>;
|
|
581
|
+
[-24]: import("tamagui").Variable<number>;
|
|
582
|
+
[-2]: import("tamagui").Variable<number>;
|
|
583
|
+
[-3]: import("tamagui").Variable<number>;
|
|
584
|
+
[-4]: import("tamagui").Variable<number>;
|
|
585
|
+
[-5]: import("tamagui").Variable<number>;
|
|
586
|
+
[-6]: import("tamagui").Variable<number>;
|
|
587
|
+
[-7]: import("tamagui").Variable<number>;
|
|
588
|
+
[-8]: import("tamagui").Variable<number>;
|
|
589
|
+
[-9]: import("tamagui").Variable<number>;
|
|
590
|
+
[-1.5]: import("tamagui").Variable<number>;
|
|
591
|
+
[-0.5]: import("tamagui").Variable<number>;
|
|
592
|
+
[-11]: import("tamagui").Variable<number>;
|
|
593
|
+
[-32]: import("tamagui").Variable<number>;
|
|
594
|
+
[-2.5]: import("tamagui").Variable<number>;
|
|
595
|
+
[-3.5]: import("tamagui").Variable<number>;
|
|
596
|
+
true: import("tamagui").Variable<number>;
|
|
597
|
+
0: import("tamagui").Variable<number>;
|
|
598
|
+
0.5: import("tamagui").Variable<number>;
|
|
599
|
+
1: import("tamagui").Variable<number>;
|
|
600
|
+
1.5: import("tamagui").Variable<number>;
|
|
601
|
+
2: import("tamagui").Variable<number>;
|
|
602
|
+
2.5: import("tamagui").Variable<number>;
|
|
603
|
+
3: import("tamagui").Variable<number>;
|
|
604
|
+
3.5: import("tamagui").Variable<number>;
|
|
605
|
+
4: import("tamagui").Variable<number>;
|
|
606
|
+
5: import("tamagui").Variable<number>;
|
|
607
|
+
6: import("tamagui").Variable<number>;
|
|
608
|
+
7: import("tamagui").Variable<number>;
|
|
609
|
+
8: import("tamagui").Variable<number>;
|
|
610
|
+
9: import("tamagui").Variable<number>;
|
|
611
|
+
10: import("tamagui").Variable<number>;
|
|
612
|
+
11: import("tamagui").Variable<number>;
|
|
613
|
+
12: import("tamagui").Variable<number>;
|
|
614
|
+
14: import("tamagui").Variable<number>;
|
|
615
|
+
16: import("tamagui").Variable<number>;
|
|
616
|
+
20: import("tamagui").Variable<number>;
|
|
617
|
+
24: import("tamagui").Variable<number>;
|
|
618
|
+
32: import("tamagui").Variable<number>;
|
|
619
|
+
};
|
|
620
|
+
size: {
|
|
621
|
+
readonly 40: import("tamagui").Variable<number>;
|
|
622
|
+
readonly 48: import("tamagui").Variable<number>;
|
|
623
|
+
readonly 56: import("tamagui").Variable<number>;
|
|
624
|
+
readonly 64: import("tamagui").Variable<number>;
|
|
625
|
+
readonly 72: import("tamagui").Variable<number>;
|
|
626
|
+
readonly 80: import("tamagui").Variable<number>;
|
|
627
|
+
readonly 96: import("tamagui").Variable<number>;
|
|
628
|
+
readonly 112: import("tamagui").Variable<number>;
|
|
629
|
+
readonly 128: import("tamagui").Variable<number>;
|
|
630
|
+
readonly 144: import("tamagui").Variable<number>;
|
|
631
|
+
readonly 168: import("tamagui").Variable<number>;
|
|
632
|
+
readonly 192: import("tamagui").Variable<number>;
|
|
633
|
+
readonly 224: import("tamagui").Variable<number>;
|
|
634
|
+
readonly true: import("tamagui").Variable<number>;
|
|
635
|
+
readonly 0: import("tamagui").Variable<number>;
|
|
636
|
+
readonly 0.5: import("tamagui").Variable<number>;
|
|
637
|
+
readonly 1: import("tamagui").Variable<number>;
|
|
638
|
+
readonly 1.5: import("tamagui").Variable<number>;
|
|
639
|
+
readonly 2: import("tamagui").Variable<number>;
|
|
640
|
+
readonly 2.5: import("tamagui").Variable<number>;
|
|
641
|
+
readonly 3: import("tamagui").Variable<number>;
|
|
642
|
+
readonly 3.5: import("tamagui").Variable<number>;
|
|
643
|
+
readonly 4: import("tamagui").Variable<number>;
|
|
644
|
+
readonly 5: import("tamagui").Variable<number>;
|
|
645
|
+
readonly 6: import("tamagui").Variable<number>;
|
|
646
|
+
readonly 7: import("tamagui").Variable<number>;
|
|
647
|
+
readonly 8: import("tamagui").Variable<number>;
|
|
648
|
+
readonly 9: import("tamagui").Variable<number>;
|
|
649
|
+
readonly 10: import("tamagui").Variable<number>;
|
|
650
|
+
readonly 11: import("tamagui").Variable<number>;
|
|
651
|
+
readonly 12: import("tamagui").Variable<number>;
|
|
652
|
+
readonly 14: import("tamagui").Variable<number>;
|
|
653
|
+
readonly 16: import("tamagui").Variable<number>;
|
|
654
|
+
readonly 20: import("tamagui").Variable<number>;
|
|
655
|
+
readonly 24: import("tamagui").Variable<number>;
|
|
656
|
+
readonly 32: import("tamagui").Variable<number>;
|
|
657
|
+
};
|
|
658
|
+
radius: {
|
|
659
|
+
true: import("tamagui").Variable<number>;
|
|
660
|
+
xs: import("tamagui").Variable<number>;
|
|
661
|
+
sm: import("tamagui").Variable<number>;
|
|
662
|
+
md: import("tamagui").Variable<number>;
|
|
663
|
+
lg: import("tamagui").Variable<number>;
|
|
664
|
+
xl: import("tamagui").Variable<number>;
|
|
665
|
+
"2xl": import("tamagui").Variable<number>;
|
|
666
|
+
"3xl": import("tamagui").Variable<number>;
|
|
667
|
+
button: import("tamagui").Variable<number>;
|
|
668
|
+
buttonLg: import("tamagui").Variable<number>;
|
|
669
|
+
dialog: import("tamagui").Variable<number>;
|
|
670
|
+
0: import("tamagui").Variable<number>;
|
|
671
|
+
full: import("tamagui").Variable<number>;
|
|
672
|
+
};
|
|
673
|
+
zIndex: {
|
|
674
|
+
readonly 0: import("tamagui").Variable<number>;
|
|
675
|
+
readonly 1: import("tamagui").Variable<number>;
|
|
676
|
+
readonly base: import("tamagui").Variable<number>;
|
|
677
|
+
readonly dropdown: import("tamagui").Variable<number>;
|
|
678
|
+
readonly sticky: import("tamagui").Variable<number>;
|
|
679
|
+
readonly overlay: import("tamagui").Variable<number>;
|
|
680
|
+
readonly modal: import("tamagui").Variable<number>;
|
|
681
|
+
readonly popover: import("tamagui").Variable<number>;
|
|
682
|
+
readonly toast: import("tamagui").Variable<number>;
|
|
683
|
+
readonly tooltip: import("tamagui").Variable<number>;
|
|
684
|
+
};
|
|
685
|
+
};
|
|
686
|
+
tokensParsed: Omit<{
|
|
687
|
+
color: {
|
|
688
|
+
readonly white: import("tamagui").Variable<string>;
|
|
689
|
+
readonly black: import("tamagui").Variable<string>;
|
|
690
|
+
readonly transparent: import("tamagui").Variable<string>;
|
|
691
|
+
};
|
|
692
|
+
space: {
|
|
693
|
+
[-20]: import("tamagui").Variable<number>;
|
|
694
|
+
[-1]: import("tamagui").Variable<number>;
|
|
695
|
+
[-10]: import("tamagui").Variable<number>;
|
|
696
|
+
[-12]: import("tamagui").Variable<number>;
|
|
697
|
+
[-14]: import("tamagui").Variable<number>;
|
|
698
|
+
[-16]: import("tamagui").Variable<number>;
|
|
699
|
+
[-24]: import("tamagui").Variable<number>;
|
|
700
|
+
[-2]: import("tamagui").Variable<number>;
|
|
701
|
+
[-3]: import("tamagui").Variable<number>;
|
|
702
|
+
[-4]: import("tamagui").Variable<number>;
|
|
703
|
+
[-5]: import("tamagui").Variable<number>;
|
|
704
|
+
[-6]: import("tamagui").Variable<number>;
|
|
705
|
+
[-7]: import("tamagui").Variable<number>;
|
|
706
|
+
[-8]: import("tamagui").Variable<number>;
|
|
707
|
+
[-9]: import("tamagui").Variable<number>;
|
|
708
|
+
[-1.5]: import("tamagui").Variable<number>;
|
|
709
|
+
[-0.5]: import("tamagui").Variable<number>;
|
|
710
|
+
[-11]: import("tamagui").Variable<number>;
|
|
711
|
+
[-32]: import("tamagui").Variable<number>;
|
|
712
|
+
[-2.5]: import("tamagui").Variable<number>;
|
|
713
|
+
[-3.5]: import("tamagui").Variable<number>;
|
|
714
|
+
true: import("tamagui").Variable<number>;
|
|
715
|
+
0: import("tamagui").Variable<number>;
|
|
716
|
+
0.5: import("tamagui").Variable<number>;
|
|
717
|
+
1: import("tamagui").Variable<number>;
|
|
718
|
+
1.5: import("tamagui").Variable<number>;
|
|
719
|
+
2: import("tamagui").Variable<number>;
|
|
720
|
+
2.5: import("tamagui").Variable<number>;
|
|
721
|
+
3: import("tamagui").Variable<number>;
|
|
722
|
+
3.5: import("tamagui").Variable<number>;
|
|
723
|
+
4: import("tamagui").Variable<number>;
|
|
724
|
+
5: import("tamagui").Variable<number>;
|
|
725
|
+
6: import("tamagui").Variable<number>;
|
|
726
|
+
7: import("tamagui").Variable<number>;
|
|
727
|
+
8: import("tamagui").Variable<number>;
|
|
728
|
+
9: import("tamagui").Variable<number>;
|
|
729
|
+
10: import("tamagui").Variable<number>;
|
|
730
|
+
11: import("tamagui").Variable<number>;
|
|
731
|
+
12: import("tamagui").Variable<number>;
|
|
732
|
+
14: import("tamagui").Variable<number>;
|
|
733
|
+
16: import("tamagui").Variable<number>;
|
|
734
|
+
20: import("tamagui").Variable<number>;
|
|
735
|
+
24: import("tamagui").Variable<number>;
|
|
736
|
+
32: import("tamagui").Variable<number>;
|
|
737
|
+
};
|
|
738
|
+
size: {
|
|
739
|
+
readonly 40: import("tamagui").Variable<number>;
|
|
740
|
+
readonly 48: import("tamagui").Variable<number>;
|
|
741
|
+
readonly 56: import("tamagui").Variable<number>;
|
|
742
|
+
readonly 64: import("tamagui").Variable<number>;
|
|
743
|
+
readonly 72: import("tamagui").Variable<number>;
|
|
744
|
+
readonly 80: import("tamagui").Variable<number>;
|
|
745
|
+
readonly 96: import("tamagui").Variable<number>;
|
|
746
|
+
readonly 112: import("tamagui").Variable<number>;
|
|
747
|
+
readonly 128: import("tamagui").Variable<number>;
|
|
748
|
+
readonly 144: import("tamagui").Variable<number>;
|
|
749
|
+
readonly 168: import("tamagui").Variable<number>;
|
|
750
|
+
readonly 192: import("tamagui").Variable<number>;
|
|
751
|
+
readonly 224: import("tamagui").Variable<number>;
|
|
752
|
+
readonly true: import("tamagui").Variable<number>;
|
|
753
|
+
readonly 0: import("tamagui").Variable<number>;
|
|
754
|
+
readonly 0.5: import("tamagui").Variable<number>;
|
|
755
|
+
readonly 1: import("tamagui").Variable<number>;
|
|
756
|
+
readonly 1.5: import("tamagui").Variable<number>;
|
|
757
|
+
readonly 2: import("tamagui").Variable<number>;
|
|
758
|
+
readonly 2.5: import("tamagui").Variable<number>;
|
|
759
|
+
readonly 3: import("tamagui").Variable<number>;
|
|
760
|
+
readonly 3.5: import("tamagui").Variable<number>;
|
|
761
|
+
readonly 4: import("tamagui").Variable<number>;
|
|
762
|
+
readonly 5: import("tamagui").Variable<number>;
|
|
763
|
+
readonly 6: import("tamagui").Variable<number>;
|
|
764
|
+
readonly 7: import("tamagui").Variable<number>;
|
|
765
|
+
readonly 8: import("tamagui").Variable<number>;
|
|
766
|
+
readonly 9: import("tamagui").Variable<number>;
|
|
767
|
+
readonly 10: import("tamagui").Variable<number>;
|
|
768
|
+
readonly 11: import("tamagui").Variable<number>;
|
|
769
|
+
readonly 12: import("tamagui").Variable<number>;
|
|
770
|
+
readonly 14: import("tamagui").Variable<number>;
|
|
771
|
+
readonly 16: import("tamagui").Variable<number>;
|
|
772
|
+
readonly 20: import("tamagui").Variable<number>;
|
|
773
|
+
readonly 24: import("tamagui").Variable<number>;
|
|
774
|
+
readonly 32: import("tamagui").Variable<number>;
|
|
775
|
+
};
|
|
776
|
+
radius: {
|
|
777
|
+
true: import("tamagui").Variable<number>;
|
|
778
|
+
xs: import("tamagui").Variable<number>;
|
|
779
|
+
sm: import("tamagui").Variable<number>;
|
|
780
|
+
md: import("tamagui").Variable<number>;
|
|
781
|
+
lg: import("tamagui").Variable<number>;
|
|
782
|
+
xl: import("tamagui").Variable<number>;
|
|
783
|
+
"2xl": import("tamagui").Variable<number>;
|
|
784
|
+
"3xl": import("tamagui").Variable<number>;
|
|
785
|
+
button: import("tamagui").Variable<number>;
|
|
786
|
+
buttonLg: import("tamagui").Variable<number>;
|
|
787
|
+
dialog: import("tamagui").Variable<number>;
|
|
788
|
+
0: import("tamagui").Variable<number>;
|
|
789
|
+
full: import("tamagui").Variable<number>;
|
|
790
|
+
};
|
|
791
|
+
zIndex: {
|
|
792
|
+
readonly 0: import("tamagui").Variable<number>;
|
|
793
|
+
readonly 1: import("tamagui").Variable<number>;
|
|
794
|
+
readonly base: import("tamagui").Variable<number>;
|
|
795
|
+
readonly dropdown: import("tamagui").Variable<number>;
|
|
796
|
+
readonly sticky: import("tamagui").Variable<number>;
|
|
797
|
+
readonly overlay: import("tamagui").Variable<number>;
|
|
798
|
+
readonly modal: import("tamagui").Variable<number>;
|
|
799
|
+
readonly popover: import("tamagui").Variable<number>;
|
|
800
|
+
readonly toast: import("tamagui").Variable<number>;
|
|
801
|
+
readonly tooltip: import("tamagui").Variable<number>;
|
|
802
|
+
};
|
|
803
|
+
}, import("@tamagui/web").TokenCategories> & {
|
|
804
|
+
color: {
|
|
805
|
+
readonly white: import("tamagui").Variable<string>;
|
|
806
|
+
readonly black: import("tamagui").Variable<string>;
|
|
807
|
+
readonly transparent: import("tamagui").Variable<string>;
|
|
808
|
+
};
|
|
809
|
+
space: {
|
|
810
|
+
[-20]: import("tamagui").Variable<number>;
|
|
811
|
+
[-1]: import("tamagui").Variable<number>;
|
|
812
|
+
[-10]: import("tamagui").Variable<number>;
|
|
813
|
+
[-12]: import("tamagui").Variable<number>;
|
|
814
|
+
[-14]: import("tamagui").Variable<number>;
|
|
815
|
+
[-16]: import("tamagui").Variable<number>;
|
|
816
|
+
[-24]: import("tamagui").Variable<number>;
|
|
817
|
+
[-2]: import("tamagui").Variable<number>;
|
|
818
|
+
[-3]: import("tamagui").Variable<number>;
|
|
819
|
+
[-4]: import("tamagui").Variable<number>;
|
|
820
|
+
[-5]: import("tamagui").Variable<number>;
|
|
821
|
+
[-6]: import("tamagui").Variable<number>;
|
|
822
|
+
[-7]: import("tamagui").Variable<number>;
|
|
823
|
+
[-8]: import("tamagui").Variable<number>;
|
|
824
|
+
[-9]: import("tamagui").Variable<number>;
|
|
825
|
+
[-1.5]: import("tamagui").Variable<number>;
|
|
826
|
+
[-0.5]: import("tamagui").Variable<number>;
|
|
827
|
+
[-11]: import("tamagui").Variable<number>;
|
|
828
|
+
[-32]: import("tamagui").Variable<number>;
|
|
829
|
+
[-2.5]: import("tamagui").Variable<number>;
|
|
830
|
+
[-3.5]: import("tamagui").Variable<number>;
|
|
831
|
+
true: import("tamagui").Variable<number>;
|
|
832
|
+
0: import("tamagui").Variable<number>;
|
|
833
|
+
0.5: import("tamagui").Variable<number>;
|
|
834
|
+
1: import("tamagui").Variable<number>;
|
|
835
|
+
1.5: import("tamagui").Variable<number>;
|
|
836
|
+
2: import("tamagui").Variable<number>;
|
|
837
|
+
2.5: import("tamagui").Variable<number>;
|
|
838
|
+
3: import("tamagui").Variable<number>;
|
|
839
|
+
3.5: import("tamagui").Variable<number>;
|
|
840
|
+
4: import("tamagui").Variable<number>;
|
|
841
|
+
5: import("tamagui").Variable<number>;
|
|
842
|
+
6: import("tamagui").Variable<number>;
|
|
843
|
+
7: import("tamagui").Variable<number>;
|
|
844
|
+
8: import("tamagui").Variable<number>;
|
|
845
|
+
9: import("tamagui").Variable<number>;
|
|
846
|
+
10: import("tamagui").Variable<number>;
|
|
847
|
+
11: import("tamagui").Variable<number>;
|
|
848
|
+
12: import("tamagui").Variable<number>;
|
|
849
|
+
14: import("tamagui").Variable<number>;
|
|
850
|
+
16: import("tamagui").Variable<number>;
|
|
851
|
+
20: import("tamagui").Variable<number>;
|
|
852
|
+
24: import("tamagui").Variable<number>;
|
|
853
|
+
32: import("tamagui").Variable<number>;
|
|
854
|
+
};
|
|
855
|
+
size: {
|
|
856
|
+
readonly 40: import("tamagui").Variable<number>;
|
|
857
|
+
readonly 48: import("tamagui").Variable<number>;
|
|
858
|
+
readonly 56: import("tamagui").Variable<number>;
|
|
859
|
+
readonly 64: import("tamagui").Variable<number>;
|
|
860
|
+
readonly 72: import("tamagui").Variable<number>;
|
|
861
|
+
readonly 80: import("tamagui").Variable<number>;
|
|
862
|
+
readonly 96: import("tamagui").Variable<number>;
|
|
863
|
+
readonly 112: import("tamagui").Variable<number>;
|
|
864
|
+
readonly 128: import("tamagui").Variable<number>;
|
|
865
|
+
readonly 144: import("tamagui").Variable<number>;
|
|
866
|
+
readonly 168: import("tamagui").Variable<number>;
|
|
867
|
+
readonly 192: import("tamagui").Variable<number>;
|
|
868
|
+
readonly 224: import("tamagui").Variable<number>;
|
|
869
|
+
readonly true: import("tamagui").Variable<number>;
|
|
870
|
+
readonly 0: import("tamagui").Variable<number>;
|
|
871
|
+
readonly 0.5: import("tamagui").Variable<number>;
|
|
872
|
+
readonly 1: import("tamagui").Variable<number>;
|
|
873
|
+
readonly 1.5: import("tamagui").Variable<number>;
|
|
874
|
+
readonly 2: import("tamagui").Variable<number>;
|
|
875
|
+
readonly 2.5: import("tamagui").Variable<number>;
|
|
876
|
+
readonly 3: import("tamagui").Variable<number>;
|
|
877
|
+
readonly 3.5: import("tamagui").Variable<number>;
|
|
878
|
+
readonly 4: import("tamagui").Variable<number>;
|
|
879
|
+
readonly 5: import("tamagui").Variable<number>;
|
|
880
|
+
readonly 6: import("tamagui").Variable<number>;
|
|
881
|
+
readonly 7: import("tamagui").Variable<number>;
|
|
882
|
+
readonly 8: import("tamagui").Variable<number>;
|
|
883
|
+
readonly 9: import("tamagui").Variable<number>;
|
|
884
|
+
readonly 10: import("tamagui").Variable<number>;
|
|
885
|
+
readonly 11: import("tamagui").Variable<number>;
|
|
886
|
+
readonly 12: import("tamagui").Variable<number>;
|
|
887
|
+
readonly 14: import("tamagui").Variable<number>;
|
|
888
|
+
readonly 16: import("tamagui").Variable<number>;
|
|
889
|
+
readonly 20: import("tamagui").Variable<number>;
|
|
890
|
+
readonly 24: import("tamagui").Variable<number>;
|
|
891
|
+
readonly 32: import("tamagui").Variable<number>;
|
|
892
|
+
};
|
|
893
|
+
radius: {
|
|
894
|
+
true: import("tamagui").Variable<number>;
|
|
895
|
+
xs: import("tamagui").Variable<number>;
|
|
896
|
+
sm: import("tamagui").Variable<number>;
|
|
897
|
+
md: import("tamagui").Variable<number>;
|
|
898
|
+
lg: import("tamagui").Variable<number>;
|
|
899
|
+
xl: import("tamagui").Variable<number>;
|
|
900
|
+
"2xl": import("tamagui").Variable<number>;
|
|
901
|
+
"3xl": import("tamagui").Variable<number>;
|
|
902
|
+
button: import("tamagui").Variable<number>;
|
|
903
|
+
buttonLg: import("tamagui").Variable<number>;
|
|
904
|
+
dialog: import("tamagui").Variable<number>;
|
|
905
|
+
0: import("tamagui").Variable<number>;
|
|
906
|
+
full: import("tamagui").Variable<number>;
|
|
907
|
+
};
|
|
908
|
+
zIndex: {
|
|
909
|
+
readonly 0: import("tamagui").Variable<number>;
|
|
910
|
+
readonly 1: import("tamagui").Variable<number>;
|
|
911
|
+
readonly base: import("tamagui").Variable<number>;
|
|
912
|
+
readonly dropdown: import("tamagui").Variable<number>;
|
|
913
|
+
readonly sticky: import("tamagui").Variable<number>;
|
|
914
|
+
readonly overlay: import("tamagui").Variable<number>;
|
|
915
|
+
readonly modal: import("tamagui").Variable<number>;
|
|
916
|
+
readonly popover: import("tamagui").Variable<number>;
|
|
917
|
+
readonly toast: import("tamagui").Variable<number>;
|
|
918
|
+
readonly tooltip: import("tamagui").Variable<number>;
|
|
919
|
+
};
|
|
920
|
+
};
|
|
921
|
+
themeConfig: any;
|
|
922
|
+
fontsParsed: import("@tamagui/web").GenericFonts;
|
|
923
|
+
getCSS: import("@tamagui/web").GetCSS;
|
|
924
|
+
getNewCSS: import("@tamagui/web").GetCSS;
|
|
925
|
+
parsed: boolean;
|
|
926
|
+
inverseShorthands: Record<string, string>;
|
|
927
|
+
userShorthands: {
|
|
928
|
+
readonly text: "textAlign";
|
|
929
|
+
readonly b: "bottom";
|
|
930
|
+
readonly bg: "backgroundColor";
|
|
931
|
+
readonly content: "alignContent";
|
|
932
|
+
readonly grow: "flexGrow";
|
|
933
|
+
readonly items: "alignItems";
|
|
934
|
+
readonly justify: "justifyContent";
|
|
935
|
+
readonly l: "left";
|
|
936
|
+
readonly m: "margin";
|
|
937
|
+
readonly maxH: "maxHeight";
|
|
938
|
+
readonly maxW: "maxWidth";
|
|
939
|
+
readonly mb: "marginBottom";
|
|
940
|
+
readonly minH: "minHeight";
|
|
941
|
+
readonly minW: "minWidth";
|
|
942
|
+
readonly ml: "marginLeft";
|
|
943
|
+
readonly mr: "marginRight";
|
|
944
|
+
readonly mt: "marginTop";
|
|
945
|
+
readonly mx: "marginHorizontal";
|
|
946
|
+
readonly my: "marginVertical";
|
|
947
|
+
readonly p: "padding";
|
|
948
|
+
readonly pb: "paddingBottom";
|
|
949
|
+
readonly pl: "paddingLeft";
|
|
950
|
+
readonly pr: "paddingRight";
|
|
951
|
+
readonly pt: "paddingTop";
|
|
952
|
+
readonly px: "paddingHorizontal";
|
|
953
|
+
readonly py: "paddingVertical";
|
|
954
|
+
readonly r: "right";
|
|
955
|
+
readonly rounded: "borderRadius";
|
|
956
|
+
readonly select: "userSelect";
|
|
957
|
+
readonly self: "alignSelf";
|
|
958
|
+
readonly shrink: "flexShrink";
|
|
959
|
+
readonly t: "top";
|
|
960
|
+
readonly z: "zIndex";
|
|
961
|
+
};
|
|
962
|
+
reactNative?: any;
|
|
963
|
+
fontSizeTokens: Set<string>;
|
|
964
|
+
specificTokens: Record<string, import("tamagui").Variable>;
|
|
965
|
+
settings: Omit<import("@tamagui/web").GenericTamaguiSettings, "defaultFont" | "styleCompat" | "allowedStyleValues" | "fastSchemeChange" | "onlyAllowShorthands" | "mediaQueryDefaultActive" | "shouldAddPrefersColorThemes" | "addThemeClassName"> & {
|
|
966
|
+
defaultFont: string;
|
|
967
|
+
mediaQueryDefaultActive: {
|
|
968
|
+
touchable: boolean;
|
|
969
|
+
hoverable: boolean;
|
|
970
|
+
'max-xxl': boolean;
|
|
971
|
+
'max-xl': boolean;
|
|
972
|
+
'max-lg': boolean;
|
|
973
|
+
'max-md': boolean;
|
|
974
|
+
'max-sm': boolean;
|
|
975
|
+
'max-xs': boolean;
|
|
976
|
+
xs: boolean;
|
|
977
|
+
sm: boolean;
|
|
978
|
+
md: boolean;
|
|
979
|
+
lg: boolean;
|
|
980
|
+
xl: boolean;
|
|
981
|
+
xxl: boolean;
|
|
982
|
+
};
|
|
983
|
+
fastSchemeChange: true;
|
|
984
|
+
shouldAddPrefersColorThemes: true;
|
|
985
|
+
addThemeClassName: "html";
|
|
986
|
+
allowedStyleValues: "somewhat-strict-web";
|
|
987
|
+
onlyAllowShorthands: false;
|
|
988
|
+
styleCompat: "web";
|
|
989
|
+
};
|
|
990
|
+
defaultFont?: string;
|
|
991
|
+
defaultFontToken: `${string}`;
|
|
992
|
+
animationDrivers?: Record<string, import("@tamagui/web").AnimationDriver>;
|
|
993
|
+
} & {
|
|
994
|
+
advui: UniversalSettings;
|
|
995
|
+
};
|
|
426
996
|
export type UniversalConfig = ReturnType<typeof createUniversalConfig>;
|
|
427
997
|
//# sourceMappingURL=config.d.ts.map
|