@tamagui/theme-base 1.0.1-beta.136 → 1.0.1-beta.139

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 +6 -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.136",
3
+ "version": "1.0.1-beta.139",
4
4
  "types": "./types/index.d.ts",
5
5
  "main": "dist/cjs",
6
6
  "module": "dist/esm",
@@ -13,15 +13,17 @@
13
13
  "scripts": {
14
14
  "build": "tamagui-build",
15
15
  "watch": "tamagui-build --watch",
16
+ "lint": "eslint",
17
+ "lint:fix": "yarn lint --fix",
16
18
  "clean": "tamagui-build clean",
17
19
  "clean:build": "tamagui-build clean:build"
18
20
  },
19
21
  "dependencies": {
20
- "@tamagui/colors": "^1.0.1-beta.136",
21
- "@tamagui/core": "^1.0.1-beta.136"
22
+ "@tamagui/colors": "^1.0.1-beta.139",
23
+ "@tamagui/core": "^1.0.1-beta.139"
22
24
  },
23
25
  "devDependencies": {
24
- "@tamagui/build": "^1.0.1-beta.136"
26
+ "@tamagui/build": "^1.0.1-beta.139"
25
27
  },
26
28
  "publishConfig": {
27
29
  "access": "public"
package/types/themes.d.ts CHANGED
@@ -497,7 +497,7 @@ declare const baseThemes: {
497
497
  borderColorPress: string | Variable<any>;
498
498
  borderColorFocus: string | Variable<any>;
499
499
  };
500
- dark_alt1: {
500
+ dark_alt3: {
501
501
  background: any;
502
502
  backgroundStrong: any;
503
503
  backgroundSoft: any;
@@ -543,7 +543,7 @@ declare const baseThemes: {
543
543
  borderColorPress: string | Variable<any>;
544
544
  borderColorFocus: string | Variable<any>;
545
545
  };
546
- dark_alt3: {
546
+ dark_alt1: {
547
547
  background: any;
548
548
  backgroundStrong: any;
549
549
  backgroundSoft: any;
@@ -905,7 +905,7 @@ declare const baseThemes: {
905
905
  borderColorPress: string | Variable<any>;
906
906
  borderColorFocus: string | Variable<any>;
907
907
  };
908
- light_alt1: {
908
+ light_alt3: {
909
909
  background: any;
910
910
  backgroundStrong: any;
911
911
  backgroundSoft: any;
@@ -951,7 +951,7 @@ declare const baseThemes: {
951
951
  borderColorPress: string | Variable<any>;
952
952
  borderColorFocus: string | Variable<any>;
953
953
  };
954
- light_alt3: {
954
+ light_alt1: {
955
955
  background: any;
956
956
  backgroundStrong: any;
957
957
  backgroundSoft: any;
@@ -1245,7 +1245,7 @@ declare const allThemes: {
1245
1245
  borderColorPress: string | Variable<any>;
1246
1246
  borderColorFocus: string | Variable<any>;
1247
1247
  };
1248
- readonly light_blue_alt1: {
1248
+ readonly light_blue_alt3: {
1249
1249
  background: any;
1250
1250
  backgroundStrong: any;
1251
1251
  backgroundSoft: any;
@@ -1291,7 +1291,7 @@ declare const allThemes: {
1291
1291
  borderColorPress: string | Variable<any>;
1292
1292
  borderColorFocus: string | Variable<any>;
1293
1293
  };
1294
- readonly light_blue_alt3: {
1294
+ readonly light_blue_alt1: {
1295
1295
  background: any;
1296
1296
  backgroundStrong: any;
1297
1297
  backgroundSoft: any;
@@ -1314,7 +1314,7 @@ declare const allThemes: {
1314
1314
  borderColorPress: string | Variable<any>;
1315
1315
  borderColorFocus: string | Variable<any>;
1316
1316
  };
1317
- readonly light_gray_alt1: {
1317
+ readonly light_gray_alt3: {
1318
1318
  background: any;
1319
1319
  backgroundStrong: any;
1320
1320
  backgroundSoft: any;
@@ -1360,7 +1360,7 @@ declare const allThemes: {
1360
1360
  borderColorPress: string | Variable<any>;
1361
1361
  borderColorFocus: string | Variable<any>;
1362
1362
  };
1363
- readonly light_gray_alt3: {
1363
+ readonly light_gray_alt1: {
1364
1364
  background: any;
1365
1365
  backgroundStrong: any;
1366
1366
  backgroundSoft: any;
@@ -1383,7 +1383,7 @@ declare const allThemes: {
1383
1383
  borderColorPress: string | Variable<any>;
1384
1384
  borderColorFocus: string | Variable<any>;
1385
1385
  };
1386
- readonly light_green_alt1: {
1386
+ readonly light_green_alt3: {
1387
1387
  background: any;
1388
1388
  backgroundStrong: any;
1389
1389
  backgroundSoft: any;
@@ -1429,7 +1429,7 @@ declare const allThemes: {
1429
1429
  borderColorPress: string | Variable<any>;
1430
1430
  borderColorFocus: string | Variable<any>;
1431
1431
  };
1432
- readonly light_green_alt3: {
1432
+ readonly light_green_alt1: {
1433
1433
  background: any;
1434
1434
  backgroundStrong: any;
1435
1435
  backgroundSoft: any;
@@ -1452,7 +1452,7 @@ declare const allThemes: {
1452
1452
  borderColorPress: string | Variable<any>;
1453
1453
  borderColorFocus: string | Variable<any>;
1454
1454
  };
1455
- readonly light_orange_alt1: {
1455
+ readonly light_orange_alt3: {
1456
1456
  background: any;
1457
1457
  backgroundStrong: any;
1458
1458
  backgroundSoft: any;
@@ -1498,7 +1498,7 @@ declare const allThemes: {
1498
1498
  borderColorPress: string | Variable<any>;
1499
1499
  borderColorFocus: string | Variable<any>;
1500
1500
  };
1501
- readonly light_orange_alt3: {
1501
+ readonly light_orange_alt1: {
1502
1502
  background: any;
1503
1503
  backgroundStrong: any;
1504
1504
  backgroundSoft: any;
@@ -1521,7 +1521,7 @@ declare const allThemes: {
1521
1521
  borderColorPress: string | Variable<any>;
1522
1522
  borderColorFocus: string | Variable<any>;
1523
1523
  };
1524
- readonly light_pink_alt1: {
1524
+ readonly light_pink_alt3: {
1525
1525
  background: any;
1526
1526
  backgroundStrong: any;
1527
1527
  backgroundSoft: any;
@@ -1567,7 +1567,7 @@ declare const allThemes: {
1567
1567
  borderColorPress: string | Variable<any>;
1568
1568
  borderColorFocus: string | Variable<any>;
1569
1569
  };
1570
- readonly light_pink_alt3: {
1570
+ readonly light_pink_alt1: {
1571
1571
  background: any;
1572
1572
  backgroundStrong: any;
1573
1573
  backgroundSoft: any;
@@ -1590,7 +1590,7 @@ declare const allThemes: {
1590
1590
  borderColorPress: string | Variable<any>;
1591
1591
  borderColorFocus: string | Variable<any>;
1592
1592
  };
1593
- readonly light_purple_alt1: {
1593
+ readonly light_purple_alt3: {
1594
1594
  background: any;
1595
1595
  backgroundStrong: any;
1596
1596
  backgroundSoft: any;
@@ -1636,7 +1636,7 @@ declare const allThemes: {
1636
1636
  borderColorPress: string | Variable<any>;
1637
1637
  borderColorFocus: string | Variable<any>;
1638
1638
  };
1639
- readonly light_purple_alt3: {
1639
+ readonly light_purple_alt1: {
1640
1640
  background: any;
1641
1641
  backgroundStrong: any;
1642
1642
  backgroundSoft: any;
@@ -1659,7 +1659,7 @@ declare const allThemes: {
1659
1659
  borderColorPress: string | Variable<any>;
1660
1660
  borderColorFocus: string | Variable<any>;
1661
1661
  };
1662
- readonly light_red_alt1: {
1662
+ readonly light_red_alt3: {
1663
1663
  background: any;
1664
1664
  backgroundStrong: any;
1665
1665
  backgroundSoft: any;
@@ -1705,7 +1705,7 @@ declare const allThemes: {
1705
1705
  borderColorPress: string | Variable<any>;
1706
1706
  borderColorFocus: string | Variable<any>;
1707
1707
  };
1708
- readonly light_red_alt3: {
1708
+ readonly light_red_alt1: {
1709
1709
  background: any;
1710
1710
  backgroundStrong: any;
1711
1711
  backgroundSoft: any;
@@ -1728,7 +1728,7 @@ declare const allThemes: {
1728
1728
  borderColorPress: string | Variable<any>;
1729
1729
  borderColorFocus: string | Variable<any>;
1730
1730
  };
1731
- readonly light_yellow_alt1: {
1731
+ readonly light_yellow_alt3: {
1732
1732
  background: any;
1733
1733
  backgroundStrong: any;
1734
1734
  backgroundSoft: any;
@@ -1774,7 +1774,7 @@ declare const allThemes: {
1774
1774
  borderColorPress: string | Variable<any>;
1775
1775
  borderColorFocus: string | Variable<any>;
1776
1776
  };
1777
- readonly light_yellow_alt3: {
1777
+ readonly light_yellow_alt1: {
1778
1778
  background: any;
1779
1779
  backgroundStrong: any;
1780
1780
  backgroundSoft: any;
@@ -1797,7 +1797,7 @@ declare const allThemes: {
1797
1797
  borderColorPress: string | Variable<any>;
1798
1798
  borderColorFocus: string | Variable<any>;
1799
1799
  };
1800
- readonly light_teal_alt1: {
1800
+ readonly light_teal_alt3: {
1801
1801
  background: any;
1802
1802
  backgroundStrong: any;
1803
1803
  backgroundSoft: any;
@@ -1843,7 +1843,7 @@ declare const allThemes: {
1843
1843
  borderColorPress: string | Variable<any>;
1844
1844
  borderColorFocus: string | Variable<any>;
1845
1845
  };
1846
- readonly light_teal_alt3: {
1846
+ readonly light_teal_alt1: {
1847
1847
  background: any;
1848
1848
  backgroundStrong: any;
1849
1849
  backgroundSoft: any;
@@ -1866,7 +1866,7 @@ declare const allThemes: {
1866
1866
  borderColorPress: string | Variable<any>;
1867
1867
  borderColorFocus: string | Variable<any>;
1868
1868
  };
1869
- readonly dark_blue_alt1: {
1869
+ readonly dark_blue_alt3: {
1870
1870
  background: any;
1871
1871
  backgroundStrong: any;
1872
1872
  backgroundSoft: any;
@@ -1912,7 +1912,7 @@ declare const allThemes: {
1912
1912
  borderColorPress: string | Variable<any>;
1913
1913
  borderColorFocus: string | Variable<any>;
1914
1914
  };
1915
- readonly dark_blue_alt3: {
1915
+ readonly dark_blue_alt1: {
1916
1916
  background: any;
1917
1917
  backgroundStrong: any;
1918
1918
  backgroundSoft: any;
@@ -1935,7 +1935,7 @@ declare const allThemes: {
1935
1935
  borderColorPress: string | Variable<any>;
1936
1936
  borderColorFocus: string | Variable<any>;
1937
1937
  };
1938
- readonly dark_gray_alt1: {
1938
+ readonly dark_gray_alt3: {
1939
1939
  background: any;
1940
1940
  backgroundStrong: any;
1941
1941
  backgroundSoft: any;
@@ -1981,7 +1981,7 @@ declare const allThemes: {
1981
1981
  borderColorPress: string | Variable<any>;
1982
1982
  borderColorFocus: string | Variable<any>;
1983
1983
  };
1984
- readonly dark_gray_alt3: {
1984
+ readonly dark_gray_alt1: {
1985
1985
  background: any;
1986
1986
  backgroundStrong: any;
1987
1987
  backgroundSoft: any;
@@ -2004,7 +2004,7 @@ declare const allThemes: {
2004
2004
  borderColorPress: string | Variable<any>;
2005
2005
  borderColorFocus: string | Variable<any>;
2006
2006
  };
2007
- readonly dark_green_alt1: {
2007
+ readonly dark_green_alt3: {
2008
2008
  background: any;
2009
2009
  backgroundStrong: any;
2010
2010
  backgroundSoft: any;
@@ -2050,7 +2050,7 @@ declare const allThemes: {
2050
2050
  borderColorPress: string | Variable<any>;
2051
2051
  borderColorFocus: string | Variable<any>;
2052
2052
  };
2053
- readonly dark_green_alt3: {
2053
+ readonly dark_green_alt1: {
2054
2054
  background: any;
2055
2055
  backgroundStrong: any;
2056
2056
  backgroundSoft: any;
@@ -2073,7 +2073,7 @@ declare const allThemes: {
2073
2073
  borderColorPress: string | Variable<any>;
2074
2074
  borderColorFocus: string | Variable<any>;
2075
2075
  };
2076
- readonly dark_orange_alt1: {
2076
+ readonly dark_orange_alt3: {
2077
2077
  background: any;
2078
2078
  backgroundStrong: any;
2079
2079
  backgroundSoft: any;
@@ -2119,7 +2119,7 @@ declare const allThemes: {
2119
2119
  borderColorPress: string | Variable<any>;
2120
2120
  borderColorFocus: string | Variable<any>;
2121
2121
  };
2122
- readonly dark_orange_alt3: {
2122
+ readonly dark_orange_alt1: {
2123
2123
  background: any;
2124
2124
  backgroundStrong: any;
2125
2125
  backgroundSoft: any;
@@ -2142,7 +2142,7 @@ declare const allThemes: {
2142
2142
  borderColorPress: string | Variable<any>;
2143
2143
  borderColorFocus: string | Variable<any>;
2144
2144
  };
2145
- readonly dark_pink_alt1: {
2145
+ readonly dark_pink_alt3: {
2146
2146
  background: any;
2147
2147
  backgroundStrong: any;
2148
2148
  backgroundSoft: any;
@@ -2188,7 +2188,7 @@ declare const allThemes: {
2188
2188
  borderColorPress: string | Variable<any>;
2189
2189
  borderColorFocus: string | Variable<any>;
2190
2190
  };
2191
- readonly dark_pink_alt3: {
2191
+ readonly dark_pink_alt1: {
2192
2192
  background: any;
2193
2193
  backgroundStrong: any;
2194
2194
  backgroundSoft: any;
@@ -2211,7 +2211,7 @@ declare const allThemes: {
2211
2211
  borderColorPress: string | Variable<any>;
2212
2212
  borderColorFocus: string | Variable<any>;
2213
2213
  };
2214
- readonly dark_purple_alt1: {
2214
+ readonly dark_purple_alt3: {
2215
2215
  background: any;
2216
2216
  backgroundStrong: any;
2217
2217
  backgroundSoft: any;
@@ -2257,7 +2257,7 @@ declare const allThemes: {
2257
2257
  borderColorPress: string | Variable<any>;
2258
2258
  borderColorFocus: string | Variable<any>;
2259
2259
  };
2260
- readonly dark_purple_alt3: {
2260
+ readonly dark_purple_alt1: {
2261
2261
  background: any;
2262
2262
  backgroundStrong: any;
2263
2263
  backgroundSoft: any;
@@ -2280,7 +2280,7 @@ declare const allThemes: {
2280
2280
  borderColorPress: string | Variable<any>;
2281
2281
  borderColorFocus: string | Variable<any>;
2282
2282
  };
2283
- readonly dark_red_alt1: {
2283
+ readonly dark_red_alt3: {
2284
2284
  background: any;
2285
2285
  backgroundStrong: any;
2286
2286
  backgroundSoft: any;
@@ -2326,7 +2326,7 @@ declare const allThemes: {
2326
2326
  borderColorPress: string | Variable<any>;
2327
2327
  borderColorFocus: string | Variable<any>;
2328
2328
  };
2329
- readonly dark_red_alt3: {
2329
+ readonly dark_red_alt1: {
2330
2330
  background: any;
2331
2331
  backgroundStrong: any;
2332
2332
  backgroundSoft: any;
@@ -2349,7 +2349,7 @@ declare const allThemes: {
2349
2349
  borderColorPress: string | Variable<any>;
2350
2350
  borderColorFocus: string | Variable<any>;
2351
2351
  };
2352
- readonly dark_yellow_alt1: {
2352
+ readonly dark_yellow_alt3: {
2353
2353
  background: any;
2354
2354
  backgroundStrong: any;
2355
2355
  backgroundSoft: any;
@@ -2395,7 +2395,7 @@ declare const allThemes: {
2395
2395
  borderColorPress: string | Variable<any>;
2396
2396
  borderColorFocus: string | Variable<any>;
2397
2397
  };
2398
- readonly dark_yellow_alt3: {
2398
+ readonly dark_yellow_alt1: {
2399
2399
  background: any;
2400
2400
  backgroundStrong: any;
2401
2401
  backgroundSoft: any;
@@ -2418,7 +2418,7 @@ declare const allThemes: {
2418
2418
  borderColorPress: string | Variable<any>;
2419
2419
  borderColorFocus: string | Variable<any>;
2420
2420
  };
2421
- readonly dark_teal_alt1: {
2421
+ readonly dark_teal_alt3: {
2422
2422
  background: any;
2423
2423
  backgroundStrong: any;
2424
2424
  backgroundSoft: any;
@@ -2464,7 +2464,7 @@ declare const allThemes: {
2464
2464
  borderColorPress: string | Variable<any>;
2465
2465
  borderColorFocus: string | Variable<any>;
2466
2466
  };
2467
- readonly dark_teal_alt3: {
2467
+ readonly dark_teal_alt1: {
2468
2468
  background: any;
2469
2469
  backgroundStrong: any;
2470
2470
  backgroundSoft: any;
@@ -2826,7 +2826,7 @@ declare const allThemes: {
2826
2826
  borderColorPress: string | Variable<any>;
2827
2827
  borderColorFocus: string | Variable<any>;
2828
2828
  };
2829
- readonly dark_alt1: {
2829
+ readonly dark_alt3: {
2830
2830
  background: any;
2831
2831
  backgroundStrong: any;
2832
2832
  backgroundSoft: any;
@@ -2872,7 +2872,7 @@ declare const allThemes: {
2872
2872
  borderColorPress: string | Variable<any>;
2873
2873
  borderColorFocus: string | Variable<any>;
2874
2874
  };
2875
- readonly dark_alt3: {
2875
+ readonly dark_alt1: {
2876
2876
  background: any;
2877
2877
  backgroundStrong: any;
2878
2878
  backgroundSoft: any;
@@ -3234,7 +3234,7 @@ declare const allThemes: {
3234
3234
  borderColorPress: string | Variable<any>;
3235
3235
  borderColorFocus: string | Variable<any>;
3236
3236
  };
3237
- readonly light_alt1: {
3237
+ readonly light_alt3: {
3238
3238
  background: any;
3239
3239
  backgroundStrong: any;
3240
3240
  backgroundSoft: any;
@@ -3280,7 +3280,7 @@ declare const allThemes: {
3280
3280
  borderColorPress: string | Variable<any>;
3281
3281
  borderColorFocus: string | Variable<any>;
3282
3282
  };
3283
- readonly light_alt3: {
3283
+ readonly light_alt1: {
3284
3284
  background: any;
3285
3285
  backgroundStrong: any;
3286
3286
  backgroundSoft: any;
package/types/tokens.d.ts CHANGED
@@ -537,30 +537,31 @@ export declare const tokens: {
537
537
  space: {
538
538
  true: Variable<any>;
539
539
  0: Variable<any>;
540
- 1: Variable<any>;
541
- 4: Variable<any>;
542
- 2: Variable<any>;
543
- 16: Variable<any>;
544
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>;
548
+ 4: Variable<any>;
545
549
  8: Variable<any>;
546
550
  20: Variable<any>;
547
551
  0.25: Variable<any>;
548
552
  0.5: Variable<any>;
549
553
  0.75: Variable<any>;
554
+ 1: Variable<any>;
550
555
  1.5: Variable<any>;
551
556
  2.5: Variable<any>;
552
557
  3.5: Variable<any>;
553
558
  4.5: Variable<any>;
554
- 5: Variable<any>;
555
559
  5.5: Variable<any>;
556
560
  6: Variable<any>;
557
561
  6.5: Variable<any>;
558
- 7: Variable<any>;
559
562
  7.6: Variable<any>;
560
563
  8.5: Variable<any>;
561
- 9: Variable<any>;
562
564
  9.5: Variable<any>;
563
- 10: Variable<any>;
564
565
  11: Variable<any>;
565
566
  12: Variable<any>;
566
567
  13: Variable<any>;
@@ -568,33 +569,33 @@ export declare const tokens: {
568
569
  15: Variable<any>;
569
570
  17: Variable<any>;
570
571
  18: Variable<any>;
571
- 19: Variable<any>;
572
572
  "-true": Variable<any>;
573
573
  "-0": Variable<any>;
574
- [-1]: Variable<any>;
575
- [-4]: Variable<any>;
576
- [-2]: Variable<any>;
577
- [-16]: Variable<any>;
578
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>;
582
+ [-4]: Variable<any>;
579
583
  [-8]: Variable<any>;
580
584
  [-20]: Variable<any>;
581
585
  [-0.25]: Variable<any>;
582
586
  [-0.5]: Variable<any>;
583
587
  [-0.75]: Variable<any>;
588
+ [-1]: Variable<any>;
584
589
  [-1.5]: Variable<any>;
585
590
  [-2.5]: Variable<any>;
586
591
  [-3.5]: Variable<any>;
587
592
  [-4.5]: Variable<any>;
588
- [-5]: Variable<any>;
589
593
  [-5.5]: Variable<any>;
590
594
  [-6]: Variable<any>;
591
595
  [-6.5]: Variable<any>;
592
- [-7]: Variable<any>;
593
596
  [-7.6]: Variable<any>;
594
597
  [-8.5]: Variable<any>;
595
- [-9]: Variable<any>;
596
598
  [-9.5]: Variable<any>;
597
- [-10]: Variable<any>;
598
599
  [-11]: Variable<any>;
599
600
  [-12]: Variable<any>;
600
601
  [-13]: Variable<any>;
@@ -602,7 +603,6 @@ export declare const tokens: {
602
603
  [-15]: Variable<any>;
603
604
  [-17]: Variable<any>;
604
605
  [-18]: Variable<any>;
605
- [-19]: Variable<any>;
606
606
  };
607
607
  size: {
608
608
  0: Variable<any>;