@tamagui/theme-base 1.0.1-beta.102 → 1.0.1-beta.105

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 (11) hide show
  1. package/dist/cjs/themes.js +26 -18
  2. package/dist/cjs/themes.js.map +2 -2
  3. package/dist/esm/themes.js +26 -18
  4. package/dist/esm/themes.js.map +2 -2
  5. package/dist/jsx/themes.js +28 -18
  6. package/dist/jsx/themes.js.map +2 -2
  7. package/package.json +4 -4
  8. package/src/themes.tsx +35 -19
  9. package/types/themes.d.ts +136 -48
  10. package/types/themes.d.ts.map +1 -1
  11. 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.102",
3
+ "version": "1.0.1-beta.105",
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.102",
21
- "@tamagui/core": "^1.0.1-beta.102"
20
+ "@tamagui/colors": "^1.0.1-beta.105",
21
+ "@tamagui/core": "^1.0.1-beta.105"
22
22
  },
23
23
  "devDependencies": {
24
- "@tamagui/build": "^1.0.1-beta.102"
24
+ "@tamagui/build": "^1.0.1-beta.105"
25
25
  },
26
26
  "publishConfig": {
27
27
  "access": "public"
package/src/themes.tsx CHANGED
@@ -13,6 +13,7 @@ type ThemeCreatorProps = {
13
13
  backgroundStrong?: string | Variable
14
14
  borderColors?: (string | Variable)[]
15
15
  colors?: (string | Variable)[]
16
+ activeTheme?: any
16
17
  offsets?: {
17
18
  color?: number[] | null
18
19
  background?: number[] | null
@@ -48,7 +49,7 @@ function createThemesFrom<Name extends string, GetTheme extends ThemeCreator = T
48
49
  // generate alternates (for use in other themes), but keep just alts
49
50
  const altThemes: any[] = alternates.map((alt) => [
50
51
  `${name}_alt${alt}`,
51
- getTheme(alt + (props.isLight ? 0 : 0) + shift, props),
52
+ getTheme(alt * 1 + shift, props),
52
53
  ])
53
54
  const altThemes2: any[] = alternates.map((alt) => [
54
55
  `${name}_alt${alt}`,
@@ -60,7 +61,13 @@ function createThemesFrom<Name extends string, GetTheme extends ThemeCreator = T
60
61
  })
61
62
  // add these after alts since we rely on positioning
62
63
  const darkerTheme = getTheme(Math.max(0, shift + (props.isLight ? 1 : -1)), props)
63
- const activeTheme = makeActiveTheme(theme)
64
+ const activeTheme = props.activeTheme || {
65
+ ...theme,
66
+ borderColor: props.backgrounds[7],
67
+ background: props.backgrounds[6],
68
+ backgroundHover: props.backgrounds[6],
69
+ backgroundPress: props.backgrounds[6],
70
+ }
64
71
 
65
72
  // TODO can be de-duped
66
73
  const inverted = altThemes.map(([_name, theme]) => {
@@ -84,7 +91,7 @@ function createThemesFrom<Name extends string, GetTheme extends ThemeCreator = T
84
91
  ...altButtonThemes.slice(0, alts.length),
85
92
  [`${name}_Button`, altThemes2[1][1]],
86
93
  [`${name}_DrawerFrame`, altThemes2[1][1]],
87
- [`${name}_SliderTrack`, altThemes[0][1]],
94
+ [`${name}_SliderTrack`, altThemes[2][1]],
88
95
  [`${name}_SliderTrackActive`, altThemes[3][1]],
89
96
  [`${name}_SliderThumb`, inverted[2]],
90
97
  [`${name}_Progress`, altThemes[2][1]],
@@ -131,7 +138,7 @@ const themeCreator = (
131
138
 
132
139
  const colorTranslucent = setColorAlpha(getVariableValue(get(colors, 0 + str, 'color')), 0.5)
133
140
 
134
- let theme = {
141
+ const theme = {
135
142
  background: get(backgrounds, str),
136
143
  backgroundStrong: backgroundStrong || get(backgrounds, str + strongerDir * 2),
137
144
  backgroundSoft: get(backgrounds, str + softerDir * 2),
@@ -276,36 +283,29 @@ const baseThemes = {
276
283
  // light
277
284
  ...lightThemes,
278
285
  light,
279
- light_active: makeActiveTheme(lightThemes.light),
286
+ // reserving in types, updating later
287
+ light_active: lightThemes.light,
280
288
  light_Card: lightThemes.light,
281
289
  light_SliderTrack: lightThemes.light_alt2,
282
290
  light_SliderTrackActive: lightThemes.light_alt3,
283
- light_Switch: lightThemes.light_alt1,
284
- light_SwitchThumb: darkThemes.dark,
291
+ light_Switch: lightThemes.light_alt3,
292
+ light_SwitchThumb: lightThemes.light,
285
293
  light_DrawerFrame: lightThemes.light_alt1,
286
294
 
287
295
  // dark
288
296
  ...darkThemes,
289
297
  dark,
290
- dark_active: makeActiveTheme(darkThemes.dark),
298
+ // reserving in types, updating later
299
+ dark_active: darkThemes.dark,
291
300
  dark_Card: darkThemes.dark,
292
301
  dark_DrawerFrame: darkThemes.dark_alt2,
293
302
  dark_SliderTrack: darkThemes.dark_darker,
294
303
  dark_SliderTrackActive: darkThemes.dark_alt3,
295
- dark_Switch: darkThemes.dark_darker,
296
- dark_SwitchThumb: lightThemes.light_alt3,
304
+ dark_Switch: darkThemes.dark_alt3,
305
+ dark_SwitchThumb: darkThemes.dark_darker,
297
306
  dark_Button: darkThemes.dark_alt1,
298
307
  }
299
308
 
300
- function makeActiveTheme(theme: any) {
301
- const res = { ...theme }
302
- res.backgroundHover = res.background
303
- res.colorHover = res.color
304
- res.backgroundPress = res.background
305
- res.colorPress = res.color
306
- return res
307
- }
308
-
309
309
  const darkEntries = Object.entries(dark)
310
310
  const lightEntries = Object.entries(light)
311
311
  function findColors(prefix: string, dark = false): ThemeBase {
@@ -391,6 +391,22 @@ const colorThemes: {
391
391
  [key in ColorThemeNames]: MyThemeBase
392
392
  } = Object.fromEntries(colorThemeEntries) as any
393
393
 
394
+ // add in base _active themes
395
+ baseThemes.dark_active = {
396
+ ...colorThemes.dark_blue_alt3,
397
+ background: darkColors.blue10,
398
+ backgroundHover: darkColors.blue11,
399
+ backgroundPress: darkColors.blue9,
400
+ backgroundFocus: darkColors.blue9,
401
+ color: darkColors.blue12,
402
+ colorHover: darkColors.blue12,
403
+ colorPress: darkColors.blue12,
404
+ colorFocus: darkColors.blue12,
405
+ }
406
+
407
+ // light active uses light foregound, ios style
408
+ baseThemes.light_active = baseThemes.dark_active
409
+
394
410
  const allThemes = {
395
411
  ...baseThemes,
396
412
  ...colorThemes,
package/types/themes.d.ts CHANGED
@@ -313,7 +313,29 @@ declare const baseThemes: {
313
313
  blue11: string | Variable<any>;
314
314
  blue12: string | Variable<any>;
315
315
  };
316
- dark_active: any;
316
+ dark_active: {
317
+ background: any;
318
+ backgroundStrong: any;
319
+ backgroundSoft: any;
320
+ backgroundHover: any;
321
+ backgroundPress: any;
322
+ backgroundFocus: any;
323
+ backgroundTransparent: Variable<any>;
324
+ color: any;
325
+ colorHover: any;
326
+ colorPress: any;
327
+ colorFocus: any;
328
+ colorTranslucent: string;
329
+ colorMid: string | Variable<any>;
330
+ shadowColor: Variable<any>;
331
+ shadowColorHover: string | Variable<any>;
332
+ shadowColorPress: string | Variable<any>;
333
+ shadowColorFocus: string | Variable<any>;
334
+ borderColor: string | Variable<any>;
335
+ borderColorHover: string | Variable<any>;
336
+ borderColorPress: string | Variable<any>;
337
+ borderColorFocus: string | Variable<any>;
338
+ };
317
339
  dark_Card: {
318
340
  background: any;
319
341
  backgroundStrong: any;
@@ -475,7 +497,7 @@ declare const baseThemes: {
475
497
  borderColorPress: string | Variable<any>;
476
498
  borderColorFocus: string | Variable<any>;
477
499
  };
478
- dark_alt3: {
500
+ dark_alt1: {
479
501
  background: any;
480
502
  backgroundStrong: any;
481
503
  backgroundSoft: any;
@@ -521,7 +543,7 @@ declare const baseThemes: {
521
543
  borderColorPress: string | Variable<any>;
522
544
  borderColorFocus: string | Variable<any>;
523
545
  };
524
- dark_alt1: {
546
+ dark_alt3: {
525
547
  background: any;
526
548
  backgroundStrong: any;
527
549
  backgroundSoft: any;
@@ -722,7 +744,29 @@ declare const baseThemes: {
722
744
  blue11: string | Variable<any>;
723
745
  blue12: string | Variable<any>;
724
746
  };
725
- light_active: any;
747
+ light_active: {
748
+ background: any;
749
+ backgroundStrong: any;
750
+ backgroundSoft: any;
751
+ backgroundHover: any;
752
+ backgroundPress: any;
753
+ backgroundFocus: any;
754
+ backgroundTransparent: Variable<any>;
755
+ color: any;
756
+ colorHover: any;
757
+ colorPress: any;
758
+ colorFocus: any;
759
+ colorTranslucent: string;
760
+ colorMid: string | Variable<any>;
761
+ shadowColor: Variable<any>;
762
+ shadowColorHover: string | Variable<any>;
763
+ shadowColorPress: string | Variable<any>;
764
+ shadowColorFocus: string | Variable<any>;
765
+ borderColor: string | Variable<any>;
766
+ borderColorHover: string | Variable<any>;
767
+ borderColorPress: string | Variable<any>;
768
+ borderColorFocus: string | Variable<any>;
769
+ };
726
770
  light_Card: {
727
771
  background: any;
728
772
  backgroundStrong: any;
@@ -861,7 +905,7 @@ declare const baseThemes: {
861
905
  borderColorPress: string | Variable<any>;
862
906
  borderColorFocus: string | Variable<any>;
863
907
  };
864
- light_alt3: {
908
+ light_alt1: {
865
909
  background: any;
866
910
  backgroundStrong: any;
867
911
  backgroundSoft: any;
@@ -907,7 +951,7 @@ declare const baseThemes: {
907
951
  borderColorPress: string | Variable<any>;
908
952
  borderColorFocus: string | Variable<any>;
909
953
  };
910
- light_alt1: {
954
+ light_alt3: {
911
955
  background: any;
912
956
  backgroundStrong: any;
913
957
  backgroundSoft: any;
@@ -1201,7 +1245,7 @@ declare const allThemes: {
1201
1245
  borderColorPress: string | Variable<any>;
1202
1246
  borderColorFocus: string | Variable<any>;
1203
1247
  };
1204
- readonly light_blue_alt3: {
1248
+ readonly light_blue_alt1: {
1205
1249
  background: any;
1206
1250
  backgroundStrong: any;
1207
1251
  backgroundSoft: any;
@@ -1247,7 +1291,7 @@ declare const allThemes: {
1247
1291
  borderColorPress: string | Variable<any>;
1248
1292
  borderColorFocus: string | Variable<any>;
1249
1293
  };
1250
- readonly light_blue_alt1: {
1294
+ readonly light_blue_alt3: {
1251
1295
  background: any;
1252
1296
  backgroundStrong: any;
1253
1297
  backgroundSoft: any;
@@ -1270,7 +1314,7 @@ declare const allThemes: {
1270
1314
  borderColorPress: string | Variable<any>;
1271
1315
  borderColorFocus: string | Variable<any>;
1272
1316
  };
1273
- readonly light_gray_alt3: {
1317
+ readonly light_gray_alt1: {
1274
1318
  background: any;
1275
1319
  backgroundStrong: any;
1276
1320
  backgroundSoft: any;
@@ -1316,7 +1360,7 @@ declare const allThemes: {
1316
1360
  borderColorPress: string | Variable<any>;
1317
1361
  borderColorFocus: string | Variable<any>;
1318
1362
  };
1319
- readonly light_gray_alt1: {
1363
+ readonly light_gray_alt3: {
1320
1364
  background: any;
1321
1365
  backgroundStrong: any;
1322
1366
  backgroundSoft: any;
@@ -1339,7 +1383,7 @@ declare const allThemes: {
1339
1383
  borderColorPress: string | Variable<any>;
1340
1384
  borderColorFocus: string | Variable<any>;
1341
1385
  };
1342
- readonly light_green_alt3: {
1386
+ readonly light_green_alt1: {
1343
1387
  background: any;
1344
1388
  backgroundStrong: any;
1345
1389
  backgroundSoft: any;
@@ -1385,7 +1429,7 @@ declare const allThemes: {
1385
1429
  borderColorPress: string | Variable<any>;
1386
1430
  borderColorFocus: string | Variable<any>;
1387
1431
  };
1388
- readonly light_green_alt1: {
1432
+ readonly light_green_alt3: {
1389
1433
  background: any;
1390
1434
  backgroundStrong: any;
1391
1435
  backgroundSoft: any;
@@ -1408,7 +1452,7 @@ declare const allThemes: {
1408
1452
  borderColorPress: string | Variable<any>;
1409
1453
  borderColorFocus: string | Variable<any>;
1410
1454
  };
1411
- readonly light_orange_alt3: {
1455
+ readonly light_orange_alt1: {
1412
1456
  background: any;
1413
1457
  backgroundStrong: any;
1414
1458
  backgroundSoft: any;
@@ -1454,7 +1498,7 @@ declare const allThemes: {
1454
1498
  borderColorPress: string | Variable<any>;
1455
1499
  borderColorFocus: string | Variable<any>;
1456
1500
  };
1457
- readonly light_orange_alt1: {
1501
+ readonly light_orange_alt3: {
1458
1502
  background: any;
1459
1503
  backgroundStrong: any;
1460
1504
  backgroundSoft: any;
@@ -1477,7 +1521,7 @@ declare const allThemes: {
1477
1521
  borderColorPress: string | Variable<any>;
1478
1522
  borderColorFocus: string | Variable<any>;
1479
1523
  };
1480
- readonly light_pink_alt3: {
1524
+ readonly light_pink_alt1: {
1481
1525
  background: any;
1482
1526
  backgroundStrong: any;
1483
1527
  backgroundSoft: any;
@@ -1523,7 +1567,7 @@ declare const allThemes: {
1523
1567
  borderColorPress: string | Variable<any>;
1524
1568
  borderColorFocus: string | Variable<any>;
1525
1569
  };
1526
- readonly light_pink_alt1: {
1570
+ readonly light_pink_alt3: {
1527
1571
  background: any;
1528
1572
  backgroundStrong: any;
1529
1573
  backgroundSoft: any;
@@ -1546,7 +1590,7 @@ declare const allThemes: {
1546
1590
  borderColorPress: string | Variable<any>;
1547
1591
  borderColorFocus: string | Variable<any>;
1548
1592
  };
1549
- readonly light_purple_alt3: {
1593
+ readonly light_purple_alt1: {
1550
1594
  background: any;
1551
1595
  backgroundStrong: any;
1552
1596
  backgroundSoft: any;
@@ -1592,7 +1636,7 @@ declare const allThemes: {
1592
1636
  borderColorPress: string | Variable<any>;
1593
1637
  borderColorFocus: string | Variable<any>;
1594
1638
  };
1595
- readonly light_purple_alt1: {
1639
+ readonly light_purple_alt3: {
1596
1640
  background: any;
1597
1641
  backgroundStrong: any;
1598
1642
  backgroundSoft: any;
@@ -1615,7 +1659,7 @@ declare const allThemes: {
1615
1659
  borderColorPress: string | Variable<any>;
1616
1660
  borderColorFocus: string | Variable<any>;
1617
1661
  };
1618
- readonly light_red_alt3: {
1662
+ readonly light_red_alt1: {
1619
1663
  background: any;
1620
1664
  backgroundStrong: any;
1621
1665
  backgroundSoft: any;
@@ -1661,7 +1705,7 @@ declare const allThemes: {
1661
1705
  borderColorPress: string | Variable<any>;
1662
1706
  borderColorFocus: string | Variable<any>;
1663
1707
  };
1664
- readonly light_red_alt1: {
1708
+ readonly light_red_alt3: {
1665
1709
  background: any;
1666
1710
  backgroundStrong: any;
1667
1711
  backgroundSoft: any;
@@ -1684,7 +1728,7 @@ declare const allThemes: {
1684
1728
  borderColorPress: string | Variable<any>;
1685
1729
  borderColorFocus: string | Variable<any>;
1686
1730
  };
1687
- readonly light_yellow_alt3: {
1731
+ readonly light_yellow_alt1: {
1688
1732
  background: any;
1689
1733
  backgroundStrong: any;
1690
1734
  backgroundSoft: any;
@@ -1730,7 +1774,7 @@ declare const allThemes: {
1730
1774
  borderColorPress: string | Variable<any>;
1731
1775
  borderColorFocus: string | Variable<any>;
1732
1776
  };
1733
- readonly light_yellow_alt1: {
1777
+ readonly light_yellow_alt3: {
1734
1778
  background: any;
1735
1779
  backgroundStrong: any;
1736
1780
  backgroundSoft: any;
@@ -1753,7 +1797,7 @@ declare const allThemes: {
1753
1797
  borderColorPress: string | Variable<any>;
1754
1798
  borderColorFocus: string | Variable<any>;
1755
1799
  };
1756
- readonly light_teal_alt3: {
1800
+ readonly light_teal_alt1: {
1757
1801
  background: any;
1758
1802
  backgroundStrong: any;
1759
1803
  backgroundSoft: any;
@@ -1799,7 +1843,7 @@ declare const allThemes: {
1799
1843
  borderColorPress: string | Variable<any>;
1800
1844
  borderColorFocus: string | Variable<any>;
1801
1845
  };
1802
- readonly light_teal_alt1: {
1846
+ readonly light_teal_alt3: {
1803
1847
  background: any;
1804
1848
  backgroundStrong: any;
1805
1849
  backgroundSoft: any;
@@ -1822,7 +1866,7 @@ declare const allThemes: {
1822
1866
  borderColorPress: string | Variable<any>;
1823
1867
  borderColorFocus: string | Variable<any>;
1824
1868
  };
1825
- readonly dark_blue_alt3: {
1869
+ readonly dark_blue_alt1: {
1826
1870
  background: any;
1827
1871
  backgroundStrong: any;
1828
1872
  backgroundSoft: any;
@@ -1868,7 +1912,7 @@ declare const allThemes: {
1868
1912
  borderColorPress: string | Variable<any>;
1869
1913
  borderColorFocus: string | Variable<any>;
1870
1914
  };
1871
- readonly dark_blue_alt1: {
1915
+ readonly dark_blue_alt3: {
1872
1916
  background: any;
1873
1917
  backgroundStrong: any;
1874
1918
  backgroundSoft: any;
@@ -1891,7 +1935,7 @@ declare const allThemes: {
1891
1935
  borderColorPress: string | Variable<any>;
1892
1936
  borderColorFocus: string | Variable<any>;
1893
1937
  };
1894
- readonly dark_gray_alt3: {
1938
+ readonly dark_gray_alt1: {
1895
1939
  background: any;
1896
1940
  backgroundStrong: any;
1897
1941
  backgroundSoft: any;
@@ -1937,7 +1981,7 @@ declare const allThemes: {
1937
1981
  borderColorPress: string | Variable<any>;
1938
1982
  borderColorFocus: string | Variable<any>;
1939
1983
  };
1940
- readonly dark_gray_alt1: {
1984
+ readonly dark_gray_alt3: {
1941
1985
  background: any;
1942
1986
  backgroundStrong: any;
1943
1987
  backgroundSoft: any;
@@ -1960,7 +2004,7 @@ declare const allThemes: {
1960
2004
  borderColorPress: string | Variable<any>;
1961
2005
  borderColorFocus: string | Variable<any>;
1962
2006
  };
1963
- readonly dark_green_alt3: {
2007
+ readonly dark_green_alt1: {
1964
2008
  background: any;
1965
2009
  backgroundStrong: any;
1966
2010
  backgroundSoft: any;
@@ -2006,7 +2050,7 @@ declare const allThemes: {
2006
2050
  borderColorPress: string | Variable<any>;
2007
2051
  borderColorFocus: string | Variable<any>;
2008
2052
  };
2009
- readonly dark_green_alt1: {
2053
+ readonly dark_green_alt3: {
2010
2054
  background: any;
2011
2055
  backgroundStrong: any;
2012
2056
  backgroundSoft: any;
@@ -2029,7 +2073,7 @@ declare const allThemes: {
2029
2073
  borderColorPress: string | Variable<any>;
2030
2074
  borderColorFocus: string | Variable<any>;
2031
2075
  };
2032
- readonly dark_orange_alt3: {
2076
+ readonly dark_orange_alt1: {
2033
2077
  background: any;
2034
2078
  backgroundStrong: any;
2035
2079
  backgroundSoft: any;
@@ -2075,7 +2119,7 @@ declare const allThemes: {
2075
2119
  borderColorPress: string | Variable<any>;
2076
2120
  borderColorFocus: string | Variable<any>;
2077
2121
  };
2078
- readonly dark_orange_alt1: {
2122
+ readonly dark_orange_alt3: {
2079
2123
  background: any;
2080
2124
  backgroundStrong: any;
2081
2125
  backgroundSoft: any;
@@ -2098,7 +2142,7 @@ declare const allThemes: {
2098
2142
  borderColorPress: string | Variable<any>;
2099
2143
  borderColorFocus: string | Variable<any>;
2100
2144
  };
2101
- readonly dark_pink_alt3: {
2145
+ readonly dark_pink_alt1: {
2102
2146
  background: any;
2103
2147
  backgroundStrong: any;
2104
2148
  backgroundSoft: any;
@@ -2144,7 +2188,7 @@ declare const allThemes: {
2144
2188
  borderColorPress: string | Variable<any>;
2145
2189
  borderColorFocus: string | Variable<any>;
2146
2190
  };
2147
- readonly dark_pink_alt1: {
2191
+ readonly dark_pink_alt3: {
2148
2192
  background: any;
2149
2193
  backgroundStrong: any;
2150
2194
  backgroundSoft: any;
@@ -2167,7 +2211,7 @@ declare const allThemes: {
2167
2211
  borderColorPress: string | Variable<any>;
2168
2212
  borderColorFocus: string | Variable<any>;
2169
2213
  };
2170
- readonly dark_purple_alt3: {
2214
+ readonly dark_purple_alt1: {
2171
2215
  background: any;
2172
2216
  backgroundStrong: any;
2173
2217
  backgroundSoft: any;
@@ -2213,7 +2257,7 @@ declare const allThemes: {
2213
2257
  borderColorPress: string | Variable<any>;
2214
2258
  borderColorFocus: string | Variable<any>;
2215
2259
  };
2216
- readonly dark_purple_alt1: {
2260
+ readonly dark_purple_alt3: {
2217
2261
  background: any;
2218
2262
  backgroundStrong: any;
2219
2263
  backgroundSoft: any;
@@ -2236,7 +2280,7 @@ declare const allThemes: {
2236
2280
  borderColorPress: string | Variable<any>;
2237
2281
  borderColorFocus: string | Variable<any>;
2238
2282
  };
2239
- readonly dark_red_alt3: {
2283
+ readonly dark_red_alt1: {
2240
2284
  background: any;
2241
2285
  backgroundStrong: any;
2242
2286
  backgroundSoft: any;
@@ -2282,7 +2326,7 @@ declare const allThemes: {
2282
2326
  borderColorPress: string | Variable<any>;
2283
2327
  borderColorFocus: string | Variable<any>;
2284
2328
  };
2285
- readonly dark_red_alt1: {
2329
+ readonly dark_red_alt3: {
2286
2330
  background: any;
2287
2331
  backgroundStrong: any;
2288
2332
  backgroundSoft: any;
@@ -2305,7 +2349,7 @@ declare const allThemes: {
2305
2349
  borderColorPress: string | Variable<any>;
2306
2350
  borderColorFocus: string | Variable<any>;
2307
2351
  };
2308
- readonly dark_yellow_alt3: {
2352
+ readonly dark_yellow_alt1: {
2309
2353
  background: any;
2310
2354
  backgroundStrong: any;
2311
2355
  backgroundSoft: any;
@@ -2351,7 +2395,7 @@ declare const allThemes: {
2351
2395
  borderColorPress: string | Variable<any>;
2352
2396
  borderColorFocus: string | Variable<any>;
2353
2397
  };
2354
- readonly dark_yellow_alt1: {
2398
+ readonly dark_yellow_alt3: {
2355
2399
  background: any;
2356
2400
  backgroundStrong: any;
2357
2401
  backgroundSoft: any;
@@ -2374,7 +2418,7 @@ declare const allThemes: {
2374
2418
  borderColorPress: string | Variable<any>;
2375
2419
  borderColorFocus: string | Variable<any>;
2376
2420
  };
2377
- readonly dark_teal_alt3: {
2421
+ readonly dark_teal_alt1: {
2378
2422
  background: any;
2379
2423
  backgroundStrong: any;
2380
2424
  backgroundSoft: any;
@@ -2420,7 +2464,7 @@ declare const allThemes: {
2420
2464
  borderColorPress: string | Variable<any>;
2421
2465
  borderColorFocus: string | Variable<any>;
2422
2466
  };
2423
- readonly dark_teal_alt1: {
2467
+ readonly dark_teal_alt3: {
2424
2468
  background: any;
2425
2469
  backgroundStrong: any;
2426
2470
  backgroundSoft: any;
@@ -2598,7 +2642,29 @@ declare const allThemes: {
2598
2642
  blue11: string | Variable<any>;
2599
2643
  blue12: string | Variable<any>;
2600
2644
  };
2601
- readonly dark_active: any;
2645
+ readonly dark_active: {
2646
+ background: any;
2647
+ backgroundStrong: any;
2648
+ backgroundSoft: any;
2649
+ backgroundHover: any;
2650
+ backgroundPress: any;
2651
+ backgroundFocus: any;
2652
+ backgroundTransparent: Variable<any>;
2653
+ color: any;
2654
+ colorHover: any;
2655
+ colorPress: any;
2656
+ colorFocus: any;
2657
+ colorTranslucent: string;
2658
+ colorMid: string | Variable<any>;
2659
+ shadowColor: Variable<any>;
2660
+ shadowColorHover: string | Variable<any>;
2661
+ shadowColorPress: string | Variable<any>;
2662
+ shadowColorFocus: string | Variable<any>;
2663
+ borderColor: string | Variable<any>;
2664
+ borderColorHover: string | Variable<any>;
2665
+ borderColorPress: string | Variable<any>;
2666
+ borderColorFocus: string | Variable<any>;
2667
+ };
2602
2668
  readonly dark_Card: {
2603
2669
  background: any;
2604
2670
  backgroundStrong: any;
@@ -2760,7 +2826,7 @@ declare const allThemes: {
2760
2826
  borderColorPress: string | Variable<any>;
2761
2827
  borderColorFocus: string | Variable<any>;
2762
2828
  };
2763
- readonly dark_alt3: {
2829
+ readonly dark_alt1: {
2764
2830
  background: any;
2765
2831
  backgroundStrong: any;
2766
2832
  backgroundSoft: any;
@@ -2806,7 +2872,7 @@ declare const allThemes: {
2806
2872
  borderColorPress: string | Variable<any>;
2807
2873
  borderColorFocus: string | Variable<any>;
2808
2874
  };
2809
- readonly dark_alt1: {
2875
+ readonly dark_alt3: {
2810
2876
  background: any;
2811
2877
  backgroundStrong: any;
2812
2878
  backgroundSoft: any;
@@ -3007,7 +3073,29 @@ declare const allThemes: {
3007
3073
  blue11: string | Variable<any>;
3008
3074
  blue12: string | Variable<any>;
3009
3075
  };
3010
- readonly light_active: any;
3076
+ readonly light_active: {
3077
+ background: any;
3078
+ backgroundStrong: any;
3079
+ backgroundSoft: any;
3080
+ backgroundHover: any;
3081
+ backgroundPress: any;
3082
+ backgroundFocus: any;
3083
+ backgroundTransparent: Variable<any>;
3084
+ color: any;
3085
+ colorHover: any;
3086
+ colorPress: any;
3087
+ colorFocus: any;
3088
+ colorTranslucent: string;
3089
+ colorMid: string | Variable<any>;
3090
+ shadowColor: Variable<any>;
3091
+ shadowColorHover: string | Variable<any>;
3092
+ shadowColorPress: string | Variable<any>;
3093
+ shadowColorFocus: string | Variable<any>;
3094
+ borderColor: string | Variable<any>;
3095
+ borderColorHover: string | Variable<any>;
3096
+ borderColorPress: string | Variable<any>;
3097
+ borderColorFocus: string | Variable<any>;
3098
+ };
3011
3099
  readonly light_Card: {
3012
3100
  background: any;
3013
3101
  backgroundStrong: any;
@@ -3146,7 +3234,7 @@ declare const allThemes: {
3146
3234
  borderColorPress: string | Variable<any>;
3147
3235
  borderColorFocus: string | Variable<any>;
3148
3236
  };
3149
- readonly light_alt3: {
3237
+ readonly light_alt1: {
3150
3238
  background: any;
3151
3239
  backgroundStrong: any;
3152
3240
  backgroundSoft: any;
@@ -3192,7 +3280,7 @@ declare const allThemes: {
3192
3280
  borderColorPress: string | Variable<any>;
3193
3281
  borderColorFocus: string | Variable<any>;
3194
3282
  };
3195
- readonly light_alt1: {
3283
+ readonly light_alt3: {
3196
3284
  background: any;
3197
3285
  backgroundStrong: any;
3198
3286
  backgroundSoft: any;
package/types/themes.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../src/themes.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../src/themes.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAwC,MAAM,eAAe,CAAA;AAgR9E,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGR,CAAA;AAEF,aAAK,SAAS,GAAG;KACd,GAAG,IAAI,MAAM,OAAO,IAAI,GAAG,MAAM;CACnC,CAAA;AAED,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyBf,CAAA;AAUD,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUf,CAAA;AAEV,oBAAY,UAAU,GAAG,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;AAG5D,eAAO,MAAM,UAAU,EAAE,UAAU,EAUlC,CAAA;AAoED,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGL,CAAA;AAEV,eAAO,MAAM,MAAM,EAAE;KAClB,GAAG,IAAI,MAAM,OAAO,SAAS,GAAG,OAAO,UAAU,CAAC,OAAO,CAAC;CACzC,CAAA"}