@tamagui/theme-base 1.0.1-beta.100 → 1.0.1-beta.101

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 (3) hide show
  1. package/package.json +4 -4
  2. package/types/themes.d.ts +44 -44
  3. package/types/tokens.d.ts +18 -18
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/theme-base",
3
- "version": "1.0.1-beta.100",
3
+ "version": "1.0.1-beta.101",
4
4
  "types": "./types/index.d.ts",
5
5
  "main": "dist/cjs",
6
6
  "module": "dist/esm",
@@ -17,11 +17,11 @@
17
17
  "clean:build": "tamagui-build clean:build"
18
18
  },
19
19
  "dependencies": {
20
- "@tamagui/colors": "^1.0.1-beta.100",
21
- "@tamagui/core": "^1.0.1-beta.100"
20
+ "@tamagui/colors": "^1.0.1-beta.101",
21
+ "@tamagui/core": "^1.0.1-beta.101"
22
22
  },
23
23
  "devDependencies": {
24
- "@tamagui/build": "^1.0.1-beta.100"
24
+ "@tamagui/build": "^1.0.1-beta.101"
25
25
  },
26
26
  "publishConfig": {
27
27
  "access": "public"
package/types/themes.d.ts CHANGED
@@ -475,7 +475,7 @@ declare const baseThemes: {
475
475
  borderColorPress: string | Variable<any>;
476
476
  borderColorFocus: string | Variable<any>;
477
477
  };
478
- dark_alt3: {
478
+ dark_alt1: {
479
479
  background: any;
480
480
  backgroundStrong: any;
481
481
  backgroundSoft: any;
@@ -521,7 +521,7 @@ declare const baseThemes: {
521
521
  borderColorPress: string | Variable<any>;
522
522
  borderColorFocus: string | Variable<any>;
523
523
  };
524
- dark_alt1: {
524
+ dark_alt3: {
525
525
  background: any;
526
526
  backgroundStrong: any;
527
527
  backgroundSoft: any;
@@ -861,7 +861,7 @@ declare const baseThemes: {
861
861
  borderColorPress: string | Variable<any>;
862
862
  borderColorFocus: string | Variable<any>;
863
863
  };
864
- light_alt3: {
864
+ light_alt1: {
865
865
  background: any;
866
866
  backgroundStrong: any;
867
867
  backgroundSoft: any;
@@ -907,7 +907,7 @@ declare const baseThemes: {
907
907
  borderColorPress: string | Variable<any>;
908
908
  borderColorFocus: string | Variable<any>;
909
909
  };
910
- light_alt1: {
910
+ light_alt3: {
911
911
  background: any;
912
912
  backgroundStrong: any;
913
913
  backgroundSoft: any;
@@ -1201,7 +1201,7 @@ declare const allThemes: {
1201
1201
  borderColorPress: string | Variable<any>;
1202
1202
  borderColorFocus: string | Variable<any>;
1203
1203
  };
1204
- readonly light_blue_alt3: {
1204
+ readonly light_blue_alt1: {
1205
1205
  background: any;
1206
1206
  backgroundStrong: any;
1207
1207
  backgroundSoft: any;
@@ -1247,7 +1247,7 @@ declare const allThemes: {
1247
1247
  borderColorPress: string | Variable<any>;
1248
1248
  borderColorFocus: string | Variable<any>;
1249
1249
  };
1250
- readonly light_blue_alt1: {
1250
+ readonly light_blue_alt3: {
1251
1251
  background: any;
1252
1252
  backgroundStrong: any;
1253
1253
  backgroundSoft: any;
@@ -1270,7 +1270,7 @@ declare const allThemes: {
1270
1270
  borderColorPress: string | Variable<any>;
1271
1271
  borderColorFocus: string | Variable<any>;
1272
1272
  };
1273
- readonly light_gray_alt3: {
1273
+ readonly light_gray_alt1: {
1274
1274
  background: any;
1275
1275
  backgroundStrong: any;
1276
1276
  backgroundSoft: any;
@@ -1316,7 +1316,7 @@ declare const allThemes: {
1316
1316
  borderColorPress: string | Variable<any>;
1317
1317
  borderColorFocus: string | Variable<any>;
1318
1318
  };
1319
- readonly light_gray_alt1: {
1319
+ readonly light_gray_alt3: {
1320
1320
  background: any;
1321
1321
  backgroundStrong: any;
1322
1322
  backgroundSoft: any;
@@ -1339,7 +1339,7 @@ declare const allThemes: {
1339
1339
  borderColorPress: string | Variable<any>;
1340
1340
  borderColorFocus: string | Variable<any>;
1341
1341
  };
1342
- readonly light_green_alt3: {
1342
+ readonly light_green_alt1: {
1343
1343
  background: any;
1344
1344
  backgroundStrong: any;
1345
1345
  backgroundSoft: any;
@@ -1385,7 +1385,7 @@ declare const allThemes: {
1385
1385
  borderColorPress: string | Variable<any>;
1386
1386
  borderColorFocus: string | Variable<any>;
1387
1387
  };
1388
- readonly light_green_alt1: {
1388
+ readonly light_green_alt3: {
1389
1389
  background: any;
1390
1390
  backgroundStrong: any;
1391
1391
  backgroundSoft: any;
@@ -1408,7 +1408,7 @@ declare const allThemes: {
1408
1408
  borderColorPress: string | Variable<any>;
1409
1409
  borderColorFocus: string | Variable<any>;
1410
1410
  };
1411
- readonly light_orange_alt3: {
1411
+ readonly light_orange_alt1: {
1412
1412
  background: any;
1413
1413
  backgroundStrong: any;
1414
1414
  backgroundSoft: any;
@@ -1454,7 +1454,7 @@ declare const allThemes: {
1454
1454
  borderColorPress: string | Variable<any>;
1455
1455
  borderColorFocus: string | Variable<any>;
1456
1456
  };
1457
- readonly light_orange_alt1: {
1457
+ readonly light_orange_alt3: {
1458
1458
  background: any;
1459
1459
  backgroundStrong: any;
1460
1460
  backgroundSoft: any;
@@ -1477,7 +1477,7 @@ declare const allThemes: {
1477
1477
  borderColorPress: string | Variable<any>;
1478
1478
  borderColorFocus: string | Variable<any>;
1479
1479
  };
1480
- readonly light_pink_alt3: {
1480
+ readonly light_pink_alt1: {
1481
1481
  background: any;
1482
1482
  backgroundStrong: any;
1483
1483
  backgroundSoft: any;
@@ -1523,7 +1523,7 @@ declare const allThemes: {
1523
1523
  borderColorPress: string | Variable<any>;
1524
1524
  borderColorFocus: string | Variable<any>;
1525
1525
  };
1526
- readonly light_pink_alt1: {
1526
+ readonly light_pink_alt3: {
1527
1527
  background: any;
1528
1528
  backgroundStrong: any;
1529
1529
  backgroundSoft: any;
@@ -1546,7 +1546,7 @@ declare const allThemes: {
1546
1546
  borderColorPress: string | Variable<any>;
1547
1547
  borderColorFocus: string | Variable<any>;
1548
1548
  };
1549
- readonly light_purple_alt3: {
1549
+ readonly light_purple_alt1: {
1550
1550
  background: any;
1551
1551
  backgroundStrong: any;
1552
1552
  backgroundSoft: any;
@@ -1592,7 +1592,7 @@ declare const allThemes: {
1592
1592
  borderColorPress: string | Variable<any>;
1593
1593
  borderColorFocus: string | Variable<any>;
1594
1594
  };
1595
- readonly light_purple_alt1: {
1595
+ readonly light_purple_alt3: {
1596
1596
  background: any;
1597
1597
  backgroundStrong: any;
1598
1598
  backgroundSoft: any;
@@ -1615,7 +1615,7 @@ declare const allThemes: {
1615
1615
  borderColorPress: string | Variable<any>;
1616
1616
  borderColorFocus: string | Variable<any>;
1617
1617
  };
1618
- readonly light_red_alt3: {
1618
+ readonly light_red_alt1: {
1619
1619
  background: any;
1620
1620
  backgroundStrong: any;
1621
1621
  backgroundSoft: any;
@@ -1661,7 +1661,7 @@ declare const allThemes: {
1661
1661
  borderColorPress: string | Variable<any>;
1662
1662
  borderColorFocus: string | Variable<any>;
1663
1663
  };
1664
- readonly light_red_alt1: {
1664
+ readonly light_red_alt3: {
1665
1665
  background: any;
1666
1666
  backgroundStrong: any;
1667
1667
  backgroundSoft: any;
@@ -1684,7 +1684,7 @@ declare const allThemes: {
1684
1684
  borderColorPress: string | Variable<any>;
1685
1685
  borderColorFocus: string | Variable<any>;
1686
1686
  };
1687
- readonly light_yellow_alt3: {
1687
+ readonly light_yellow_alt1: {
1688
1688
  background: any;
1689
1689
  backgroundStrong: any;
1690
1690
  backgroundSoft: any;
@@ -1730,7 +1730,7 @@ declare const allThemes: {
1730
1730
  borderColorPress: string | Variable<any>;
1731
1731
  borderColorFocus: string | Variable<any>;
1732
1732
  };
1733
- readonly light_yellow_alt1: {
1733
+ readonly light_yellow_alt3: {
1734
1734
  background: any;
1735
1735
  backgroundStrong: any;
1736
1736
  backgroundSoft: any;
@@ -1753,7 +1753,7 @@ declare const allThemes: {
1753
1753
  borderColorPress: string | Variable<any>;
1754
1754
  borderColorFocus: string | Variable<any>;
1755
1755
  };
1756
- readonly light_teal_alt3: {
1756
+ readonly light_teal_alt1: {
1757
1757
  background: any;
1758
1758
  backgroundStrong: any;
1759
1759
  backgroundSoft: any;
@@ -1799,7 +1799,7 @@ declare const allThemes: {
1799
1799
  borderColorPress: string | Variable<any>;
1800
1800
  borderColorFocus: string | Variable<any>;
1801
1801
  };
1802
- readonly light_teal_alt1: {
1802
+ readonly light_teal_alt3: {
1803
1803
  background: any;
1804
1804
  backgroundStrong: any;
1805
1805
  backgroundSoft: any;
@@ -1822,7 +1822,7 @@ declare const allThemes: {
1822
1822
  borderColorPress: string | Variable<any>;
1823
1823
  borderColorFocus: string | Variable<any>;
1824
1824
  };
1825
- readonly dark_blue_alt3: {
1825
+ readonly dark_blue_alt1: {
1826
1826
  background: any;
1827
1827
  backgroundStrong: any;
1828
1828
  backgroundSoft: any;
@@ -1868,7 +1868,7 @@ declare const allThemes: {
1868
1868
  borderColorPress: string | Variable<any>;
1869
1869
  borderColorFocus: string | Variable<any>;
1870
1870
  };
1871
- readonly dark_blue_alt1: {
1871
+ readonly dark_blue_alt3: {
1872
1872
  background: any;
1873
1873
  backgroundStrong: any;
1874
1874
  backgroundSoft: any;
@@ -1891,7 +1891,7 @@ declare const allThemes: {
1891
1891
  borderColorPress: string | Variable<any>;
1892
1892
  borderColorFocus: string | Variable<any>;
1893
1893
  };
1894
- readonly dark_gray_alt3: {
1894
+ readonly dark_gray_alt1: {
1895
1895
  background: any;
1896
1896
  backgroundStrong: any;
1897
1897
  backgroundSoft: any;
@@ -1937,7 +1937,7 @@ declare const allThemes: {
1937
1937
  borderColorPress: string | Variable<any>;
1938
1938
  borderColorFocus: string | Variable<any>;
1939
1939
  };
1940
- readonly dark_gray_alt1: {
1940
+ readonly dark_gray_alt3: {
1941
1941
  background: any;
1942
1942
  backgroundStrong: any;
1943
1943
  backgroundSoft: any;
@@ -1960,7 +1960,7 @@ declare const allThemes: {
1960
1960
  borderColorPress: string | Variable<any>;
1961
1961
  borderColorFocus: string | Variable<any>;
1962
1962
  };
1963
- readonly dark_green_alt3: {
1963
+ readonly dark_green_alt1: {
1964
1964
  background: any;
1965
1965
  backgroundStrong: any;
1966
1966
  backgroundSoft: any;
@@ -2006,7 +2006,7 @@ declare const allThemes: {
2006
2006
  borderColorPress: string | Variable<any>;
2007
2007
  borderColorFocus: string | Variable<any>;
2008
2008
  };
2009
- readonly dark_green_alt1: {
2009
+ readonly dark_green_alt3: {
2010
2010
  background: any;
2011
2011
  backgroundStrong: any;
2012
2012
  backgroundSoft: any;
@@ -2029,7 +2029,7 @@ declare const allThemes: {
2029
2029
  borderColorPress: string | Variable<any>;
2030
2030
  borderColorFocus: string | Variable<any>;
2031
2031
  };
2032
- readonly dark_orange_alt3: {
2032
+ readonly dark_orange_alt1: {
2033
2033
  background: any;
2034
2034
  backgroundStrong: any;
2035
2035
  backgroundSoft: any;
@@ -2075,7 +2075,7 @@ declare const allThemes: {
2075
2075
  borderColorPress: string | Variable<any>;
2076
2076
  borderColorFocus: string | Variable<any>;
2077
2077
  };
2078
- readonly dark_orange_alt1: {
2078
+ readonly dark_orange_alt3: {
2079
2079
  background: any;
2080
2080
  backgroundStrong: any;
2081
2081
  backgroundSoft: any;
@@ -2098,7 +2098,7 @@ declare const allThemes: {
2098
2098
  borderColorPress: string | Variable<any>;
2099
2099
  borderColorFocus: string | Variable<any>;
2100
2100
  };
2101
- readonly dark_pink_alt3: {
2101
+ readonly dark_pink_alt1: {
2102
2102
  background: any;
2103
2103
  backgroundStrong: any;
2104
2104
  backgroundSoft: any;
@@ -2144,7 +2144,7 @@ declare const allThemes: {
2144
2144
  borderColorPress: string | Variable<any>;
2145
2145
  borderColorFocus: string | Variable<any>;
2146
2146
  };
2147
- readonly dark_pink_alt1: {
2147
+ readonly dark_pink_alt3: {
2148
2148
  background: any;
2149
2149
  backgroundStrong: any;
2150
2150
  backgroundSoft: any;
@@ -2167,7 +2167,7 @@ declare const allThemes: {
2167
2167
  borderColorPress: string | Variable<any>;
2168
2168
  borderColorFocus: string | Variable<any>;
2169
2169
  };
2170
- readonly dark_purple_alt3: {
2170
+ readonly dark_purple_alt1: {
2171
2171
  background: any;
2172
2172
  backgroundStrong: any;
2173
2173
  backgroundSoft: any;
@@ -2213,7 +2213,7 @@ declare const allThemes: {
2213
2213
  borderColorPress: string | Variable<any>;
2214
2214
  borderColorFocus: string | Variable<any>;
2215
2215
  };
2216
- readonly dark_purple_alt1: {
2216
+ readonly dark_purple_alt3: {
2217
2217
  background: any;
2218
2218
  backgroundStrong: any;
2219
2219
  backgroundSoft: any;
@@ -2236,7 +2236,7 @@ declare const allThemes: {
2236
2236
  borderColorPress: string | Variable<any>;
2237
2237
  borderColorFocus: string | Variable<any>;
2238
2238
  };
2239
- readonly dark_red_alt3: {
2239
+ readonly dark_red_alt1: {
2240
2240
  background: any;
2241
2241
  backgroundStrong: any;
2242
2242
  backgroundSoft: any;
@@ -2282,7 +2282,7 @@ declare const allThemes: {
2282
2282
  borderColorPress: string | Variable<any>;
2283
2283
  borderColorFocus: string | Variable<any>;
2284
2284
  };
2285
- readonly dark_red_alt1: {
2285
+ readonly dark_red_alt3: {
2286
2286
  background: any;
2287
2287
  backgroundStrong: any;
2288
2288
  backgroundSoft: any;
@@ -2305,7 +2305,7 @@ declare const allThemes: {
2305
2305
  borderColorPress: string | Variable<any>;
2306
2306
  borderColorFocus: string | Variable<any>;
2307
2307
  };
2308
- readonly dark_yellow_alt3: {
2308
+ readonly dark_yellow_alt1: {
2309
2309
  background: any;
2310
2310
  backgroundStrong: any;
2311
2311
  backgroundSoft: any;
@@ -2351,7 +2351,7 @@ declare const allThemes: {
2351
2351
  borderColorPress: string | Variable<any>;
2352
2352
  borderColorFocus: string | Variable<any>;
2353
2353
  };
2354
- readonly dark_yellow_alt1: {
2354
+ readonly dark_yellow_alt3: {
2355
2355
  background: any;
2356
2356
  backgroundStrong: any;
2357
2357
  backgroundSoft: any;
@@ -2374,7 +2374,7 @@ declare const allThemes: {
2374
2374
  borderColorPress: string | Variable<any>;
2375
2375
  borderColorFocus: string | Variable<any>;
2376
2376
  };
2377
- readonly dark_teal_alt3: {
2377
+ readonly dark_teal_alt1: {
2378
2378
  background: any;
2379
2379
  backgroundStrong: any;
2380
2380
  backgroundSoft: any;
@@ -2420,7 +2420,7 @@ declare const allThemes: {
2420
2420
  borderColorPress: string | Variable<any>;
2421
2421
  borderColorFocus: string | Variable<any>;
2422
2422
  };
2423
- readonly dark_teal_alt1: {
2423
+ readonly dark_teal_alt3: {
2424
2424
  background: any;
2425
2425
  backgroundStrong: any;
2426
2426
  backgroundSoft: any;
@@ -2760,7 +2760,7 @@ declare const allThemes: {
2760
2760
  borderColorPress: string | Variable<any>;
2761
2761
  borderColorFocus: string | Variable<any>;
2762
2762
  };
2763
- readonly dark_alt3: {
2763
+ readonly dark_alt1: {
2764
2764
  background: any;
2765
2765
  backgroundStrong: any;
2766
2766
  backgroundSoft: any;
@@ -2806,7 +2806,7 @@ declare const allThemes: {
2806
2806
  borderColorPress: string | Variable<any>;
2807
2807
  borderColorFocus: string | Variable<any>;
2808
2808
  };
2809
- readonly dark_alt1: {
2809
+ readonly dark_alt3: {
2810
2810
  background: any;
2811
2811
  backgroundStrong: any;
2812
2812
  backgroundSoft: any;
@@ -3146,7 +3146,7 @@ declare const allThemes: {
3146
3146
  borderColorPress: string | Variable<any>;
3147
3147
  borderColorFocus: string | Variable<any>;
3148
3148
  };
3149
- readonly light_alt3: {
3149
+ readonly light_alt1: {
3150
3150
  background: any;
3151
3151
  backgroundStrong: any;
3152
3152
  backgroundSoft: any;
@@ -3192,7 +3192,7 @@ declare const allThemes: {
3192
3192
  borderColorPress: string | Variable<any>;
3193
3193
  borderColorFocus: string | Variable<any>;
3194
3194
  };
3195
- readonly light_alt1: {
3195
+ readonly light_alt3: {
3196
3196
  background: any;
3197
3197
  backgroundStrong: any;
3198
3198
  backgroundSoft: any;
package/types/tokens.d.ts CHANGED
@@ -537,31 +537,30 @@ export declare const tokens: {
537
537
  space: {
538
538
  true: Variable<any>;
539
539
  0: Variable<any>;
540
- 3: Variable<any>;
541
- 5: Variable<any>;
542
- 7: Variable<any>;
543
- 9: Variable<any>;
544
- 10: Variable<any>;
545
- 16: Variable<any>;
546
- 19: Variable<any>;
547
- 2: Variable<any>;
540
+ 1: Variable<any>;
548
541
  4: Variable<any>;
542
+ 2: Variable<any>;
543
+ 16: Variable<any>;
544
+ 3: Variable<any>;
549
545
  8: Variable<any>;
550
546
  20: Variable<any>;
551
547
  0.25: Variable<any>;
552
548
  0.5: Variable<any>;
553
549
  0.75: Variable<any>;
554
- 1: Variable<any>;
555
550
  1.5: Variable<any>;
556
551
  2.5: Variable<any>;
557
552
  3.5: Variable<any>;
558
553
  4.5: Variable<any>;
554
+ 5: Variable<any>;
559
555
  5.5: Variable<any>;
560
556
  6: Variable<any>;
561
557
  6.5: Variable<any>;
558
+ 7: Variable<any>;
562
559
  7.6: Variable<any>;
563
560
  8.5: Variable<any>;
561
+ 9: Variable<any>;
564
562
  9.5: Variable<any>;
563
+ 10: Variable<any>;
565
564
  11: Variable<any>;
566
565
  12: Variable<any>;
567
566
  13: Variable<any>;
@@ -569,33 +568,33 @@ export declare const tokens: {
569
568
  15: Variable<any>;
570
569
  17: Variable<any>;
571
570
  18: Variable<any>;
571
+ 19: Variable<any>;
572
572
  "-true": Variable<any>;
573
573
  "-0": Variable<any>;
574
- [-3]: Variable<any>;
575
- [-5]: Variable<any>;
576
- [-7]: Variable<any>;
577
- [-9]: Variable<any>;
578
- [-10]: Variable<any>;
579
- [-16]: Variable<any>;
580
- [-19]: Variable<any>;
581
- [-2]: Variable<any>;
574
+ [-1]: Variable<any>;
582
575
  [-4]: Variable<any>;
576
+ [-2]: Variable<any>;
577
+ [-16]: Variable<any>;
578
+ [-3]: Variable<any>;
583
579
  [-8]: Variable<any>;
584
580
  [-20]: Variable<any>;
585
581
  [-0.25]: Variable<any>;
586
582
  [-0.5]: Variable<any>;
587
583
  [-0.75]: Variable<any>;
588
- [-1]: Variable<any>;
589
584
  [-1.5]: Variable<any>;
590
585
  [-2.5]: Variable<any>;
591
586
  [-3.5]: Variable<any>;
592
587
  [-4.5]: Variable<any>;
588
+ [-5]: Variable<any>;
593
589
  [-5.5]: Variable<any>;
594
590
  [-6]: Variable<any>;
595
591
  [-6.5]: Variable<any>;
592
+ [-7]: Variable<any>;
596
593
  [-7.6]: Variable<any>;
597
594
  [-8.5]: Variable<any>;
595
+ [-9]: Variable<any>;
598
596
  [-9.5]: Variable<any>;
597
+ [-10]: Variable<any>;
599
598
  [-11]: Variable<any>;
600
599
  [-12]: Variable<any>;
601
600
  [-13]: Variable<any>;
@@ -603,6 +602,7 @@ export declare const tokens: {
603
602
  [-15]: Variable<any>;
604
603
  [-17]: Variable<any>;
605
604
  [-18]: Variable<any>;
605
+ [-19]: Variable<any>;
606
606
  };
607
607
  size: {
608
608
  0: Variable<any>;