@tamagui/core 1.0.0-alpha.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/.ultra.cache.json +1 -0
- package/_/constants/constants.js +14 -0
- package/_/constants/constants.js.map +7 -0
- package/_/constants/platform.js +20 -0
- package/_/constants/platform.js.map +7 -0
- package/_/constants/pseudos.js +18 -0
- package/_/constants/pseudos.js.map +7 -0
- package/_/constants/rnw.js +22 -0
- package/_/constants/rnw.js.map +7 -0
- package/_/createComponent.js +427 -0
- package/_/createComponent.js.map +7 -0
- package/_/createShorthands.js +10 -0
- package/_/createShorthands.js.map +7 -0
- package/_/createTamagui.js +122 -0
- package/_/createTamagui.js.map +7 -0
- package/_/createTheme.js +20 -0
- package/_/createTheme.js.map +7 -0
- package/_/createTokens.js +29 -0
- package/_/createTokens.js.map +7 -0
- package/_/createVariable.js +22 -0
- package/_/createVariable.js.map +7 -0
- package/_/helpers/addStylesUsingClassname.js +32 -0
- package/_/helpers/addStylesUsingClassname.js.map +7 -0
- package/_/helpers/createMediaStyle.js +34 -0
- package/_/helpers/createMediaStyle.js.map +7 -0
- package/_/helpers/createTamaguiProvider.js +42 -0
- package/_/helpers/createTamaguiProvider.js.map +7 -0
- package/_/helpers/extendStaticConfig.js +176 -0
- package/_/helpers/extendStaticConfig.js.map +7 -0
- package/_/helpers/fixNativeShadow.js +8 -0
- package/_/helpers/fixNativeShadow.js.map +7 -0
- package/_/helpers/fixNativeShadow.native.js +30 -0
- package/_/helpers/fixNativeShadow.native.js.map +7 -0
- package/_/helpers/getSplitStyles.js +160 -0
- package/_/helpers/getSplitStyles.js.map +7 -0
- package/_/helpers/getStylesAtomic.js +84 -0
- package/_/helpers/getStylesAtomic.js.map +7 -0
- package/_/helpers/getStylesAtomic.native.js +10 -0
- package/_/helpers/getStylesAtomic.native.js.map +7 -0
- package/_/helpers/insertStyleRule.js +24 -0
- package/_/helpers/insertStyleRule.js.map +7 -0
- package/_/helpers/matchMedia.js +15 -0
- package/_/helpers/matchMedia.js.map +7 -0
- package/_/helpers/matchMedia.native.js +8 -0
- package/_/helpers/matchMedia.native.js.map +7 -0
- package/_/helpers/themeable.js +26 -0
- package/_/helpers/themeable.js.map +7 -0
- package/_/hooks/useConstant.js +15 -0
- package/_/hooks/useConstant.js.map +7 -0
- package/_/hooks/useFeatures.js +75 -0
- package/_/hooks/useFeatures.js.map +7 -0
- package/_/hooks/useForceUpdate.js +28 -0
- package/_/hooks/useForceUpdate.js.map +7 -0
- package/_/hooks/useMedia.js +173 -0
- package/_/hooks/useMedia.js.map +7 -0
- package/_/hooks/usePressable.js +14 -0
- package/_/hooks/usePressable.js.map +7 -0
- package/_/hooks/useTheme.js +94 -0
- package/_/hooks/useTheme.js.map +7 -0
- package/_/index.js +30 -0
- package/_/index.js.map +7 -0
- package/_/static/postProcessStyles.js +18 -0
- package/_/static/postProcessStyles.js.map +7 -0
- package/_/static.js +12 -0
- package/_/static.js.map +7 -0
- package/_/styled.js +21 -0
- package/_/styled.js.map +7 -0
- package/_/types.js +1 -0
- package/_/types.js.map +7 -0
- package/_/views/Animated.js +79 -0
- package/_/views/Animated.js.map +7 -0
- package/_/views/Stack.js +12 -0
- package/_/views/Stack.js.map +7 -0
- package/_/views/Text.js +60 -0
- package/_/views/Text.js.map +7 -0
- package/_/views/TextAncestorContext.js +19 -0
- package/_/views/TextAncestorContext.js.map +7 -0
- package/_/views/Theme.js +57 -0
- package/_/views/Theme.js.map +7 -0
- package/_/views/ThemeContext.js +6 -0
- package/_/views/ThemeContext.js.map +7 -0
- package/_/views/ThemeInverse.js +27 -0
- package/_/views/ThemeInverse.js.map +7 -0
- package/_/views/ThemeManagerContext.js +56 -0
- package/_/views/ThemeManagerContext.js.map +7 -0
- package/_/views/ThemeProvider.js +45 -0
- package/_/views/ThemeProvider.js.map +7 -0
- package/dist/constants/constants.js +14 -0
- package/dist/constants/constants.js.map +7 -0
- package/dist/constants/platform.js +19 -0
- package/dist/constants/platform.js.map +7 -0
- package/dist/constants/pseudos.js +18 -0
- package/dist/constants/pseudos.js.map +7 -0
- package/dist/constants/rnw.js +22 -0
- package/dist/constants/rnw.js.map +7 -0
- package/dist/constants/styleConstants.js +46 -0
- package/dist/constants/styleConstants.js.map +7 -0
- package/dist/createComponent.js +445 -0
- package/dist/createComponent.js.map +7 -0
- package/dist/createFont.js +24 -0
- package/dist/createFont.js.map +7 -0
- package/dist/createShorthands.js +10 -0
- package/dist/createShorthands.js.map +7 -0
- package/dist/createTamagui.js +159 -0
- package/dist/createTamagui.js.map +7 -0
- package/dist/createTheme.js +20 -0
- package/dist/createTheme.js.map +7 -0
- package/dist/createTokens.js +29 -0
- package/dist/createTokens.js.map +7 -0
- package/dist/createVariable.js +22 -0
- package/dist/createVariable.js.map +7 -0
- package/dist/helpers/addStylesUsingClassname.js +57 -0
- package/dist/helpers/addStylesUsingClassname.js.map +7 -0
- package/dist/helpers/createMediaStyle.js +34 -0
- package/dist/helpers/createMediaStyle.js.map +7 -0
- package/dist/helpers/createPropMapper.js +153 -0
- package/dist/helpers/createPropMapper.js.map +7 -0
- package/dist/helpers/createTamaguiProvider.js +25 -0
- package/dist/helpers/createTamaguiProvider.js.map +7 -0
- package/dist/helpers/extendStaticConfig.js +59 -0
- package/dist/helpers/extendStaticConfig.js.map +7 -0
- package/dist/helpers/fixNativeShadow.js +8 -0
- package/dist/helpers/fixNativeShadow.js.map +7 -0
- package/dist/helpers/fixNativeShadow.native.js +30 -0
- package/dist/helpers/fixNativeShadow.native.js.map +7 -0
- package/dist/helpers/getSplitStyles.js +160 -0
- package/dist/helpers/getSplitStyles.js.map +7 -0
- package/dist/helpers/getStylesAtomic.js +83 -0
- package/dist/helpers/getStylesAtomic.js.map +7 -0
- package/dist/helpers/getStylesAtomic.native.js +10 -0
- package/dist/helpers/getStylesAtomic.native.js.map +7 -0
- package/dist/helpers/insertStyleRule.js +24 -0
- package/dist/helpers/insertStyleRule.js.map +7 -0
- package/dist/helpers/isObj.js +7 -0
- package/dist/helpers/isObj.js.map +7 -0
- package/dist/helpers/matchMedia.js +15 -0
- package/dist/helpers/matchMedia.js.map +7 -0
- package/dist/helpers/matchMedia.native.js +8 -0
- package/dist/helpers/matchMedia.native.js.map +7 -0
- package/dist/helpers/pseudos.js +1 -0
- package/dist/helpers/pseudos.js.map +7 -0
- package/dist/helpers/themeable.js +26 -0
- package/dist/helpers/themeable.js.map +7 -0
- package/dist/hooks/useConstant.js +15 -0
- package/dist/hooks/useConstant.js.map +7 -0
- package/dist/hooks/useFeatures.js +75 -0
- package/dist/hooks/useFeatures.js.map +7 -0
- package/dist/hooks/useForceUpdate.js +28 -0
- package/dist/hooks/useForceUpdate.js.map +7 -0
- package/dist/hooks/useMedia.js +171 -0
- package/dist/hooks/useMedia.js.map +7 -0
- package/dist/hooks/usePressable.js +13 -0
- package/dist/hooks/usePressable.js.map +7 -0
- package/dist/hooks/useTheme.js +93 -0
- package/dist/hooks/useTheme.js.map +7 -0
- package/dist/index.cjs +2125 -0
- package/dist/index.cjs.map +7 -0
- package/dist/index.js +33 -0
- package/dist/index.js.map +7 -0
- package/dist/packages/core/src/constants/constants.d.ts +8 -0
- package/dist/packages/core/src/constants/constants.d.ts.map +1 -0
- package/dist/packages/core/src/constants/platform.d.ts +9 -0
- package/dist/packages/core/src/constants/platform.d.ts.map +1 -0
- package/dist/packages/core/src/constants/pseudos.d.ts +15 -0
- package/dist/packages/core/src/constants/pseudos.d.ts.map +1 -0
- package/dist/packages/core/src/constants/rnw.d.ts +2 -0
- package/dist/packages/core/src/constants/rnw.d.ts.map +1 -0
- package/dist/packages/core/src/createComponent.d.ts +16 -0
- package/dist/packages/core/src/createComponent.d.ts.map +1 -0
- package/dist/packages/core/src/createShorthands.d.ts +2 -0
- package/dist/packages/core/src/createShorthands.d.ts.map +1 -0
- package/dist/packages/core/src/createTamagui.d.ts +37 -0
- package/dist/packages/core/src/createTamagui.d.ts.map +1 -0
- package/dist/packages/core/src/createTheme.d.ts +5 -0
- package/dist/packages/core/src/createTheme.d.ts.map +1 -0
- package/dist/packages/core/src/createTokens.d.ts +45 -0
- package/dist/packages/core/src/createTokens.d.ts.map +1 -0
- package/dist/packages/core/src/createVariable.d.ts +14 -0
- package/dist/packages/core/src/createVariable.d.ts.map +1 -0
- package/dist/packages/core/src/helpers/addStylesUsingClassname.d.ts +2 -0
- package/dist/packages/core/src/helpers/addStylesUsingClassname.d.ts.map +1 -0
- package/dist/packages/core/src/helpers/createMediaStyle.d.ts +8 -0
- package/dist/packages/core/src/helpers/createMediaStyle.d.ts.map +1 -0
- package/dist/packages/core/src/helpers/createTamaguiProvider.d.ts +5 -0
- package/dist/packages/core/src/helpers/createTamaguiProvider.d.ts.map +1 -0
- package/dist/packages/core/src/helpers/extendStaticConfig.d.ts +5 -0
- package/dist/packages/core/src/helpers/extendStaticConfig.d.ts.map +1 -0
- package/dist/packages/core/src/helpers/fixNativeShadow.d.ts +2 -0
- package/dist/packages/core/src/helpers/fixNativeShadow.d.ts.map +1 -0
- package/dist/packages/core/src/helpers/fixNativeShadow.native.d.ts +2 -0
- package/dist/packages/core/src/helpers/fixNativeShadow.native.d.ts.map +1 -0
- package/dist/packages/core/src/helpers/getSplitStyles.d.ts +15 -0
- package/dist/packages/core/src/helpers/getSplitStyles.d.ts.map +1 -0
- package/dist/packages/core/src/helpers/getStylesAtomic.d.ts +3 -0
- package/dist/packages/core/src/helpers/getStylesAtomic.d.ts.map +1 -0
- package/dist/packages/core/src/helpers/getStylesAtomic.native.d.ts +2 -0
- package/dist/packages/core/src/helpers/getStylesAtomic.native.d.ts.map +1 -0
- package/dist/packages/core/src/helpers/insertStyleRule.d.ts +2 -0
- package/dist/packages/core/src/helpers/insertStyleRule.d.ts.map +1 -0
- package/dist/packages/core/src/helpers/matchMedia.d.ts +2 -0
- package/dist/packages/core/src/helpers/matchMedia.d.ts.map +1 -0
- package/dist/packages/core/src/helpers/matchMedia.native.d.ts +3 -0
- package/dist/packages/core/src/helpers/matchMedia.native.d.ts.map +1 -0
- package/dist/packages/core/src/helpers/themeable.d.ts +10 -0
- package/dist/packages/core/src/helpers/themeable.d.ts.map +1 -0
- package/dist/packages/core/src/hooks/useConstant.d.ts +2 -0
- package/dist/packages/core/src/hooks/useConstant.d.ts.map +1 -0
- package/dist/packages/core/src/hooks/useFeatures.d.ts +5 -0
- package/dist/packages/core/src/hooks/useFeatures.d.ts.map +1 -0
- package/dist/packages/core/src/hooks/useForceUpdate.d.ts +2 -0
- package/dist/packages/core/src/hooks/useForceUpdate.d.ts.map +1 -0
- package/dist/packages/core/src/hooks/useMedia.d.ts +16 -0
- package/dist/packages/core/src/hooks/useMedia.d.ts.map +1 -0
- package/dist/packages/core/src/hooks/usePressable.d.ts +3 -0
- package/dist/packages/core/src/hooks/usePressable.d.ts.map +1 -0
- package/dist/packages/core/src/hooks/useTheme.d.ts +18 -0
- package/dist/packages/core/src/hooks/useTheme.d.ts.map +1 -0
- package/dist/packages/core/src/index.d.ts +27 -0
- package/dist/packages/core/src/index.d.ts.map +1 -0
- package/dist/packages/core/src/static/postProcessStyles.d.ts +7 -0
- package/dist/packages/core/src/static/postProcessStyles.d.ts.map +1 -0
- package/dist/packages/core/src/static.d.ts +12 -0
- package/dist/packages/core/src/static.d.ts.map +1 -0
- package/dist/packages/core/src/styled.d.ts +16 -0
- package/dist/packages/core/src/styled.d.ts.map +1 -0
- package/dist/packages/core/src/types.d.ts +305 -0
- package/dist/packages/core/src/types.d.ts.map +1 -0
- package/dist/packages/core/src/views/Animated.d.ts +15 -0
- package/dist/packages/core/src/views/Animated.d.ts.map +1 -0
- package/dist/packages/core/src/views/Stack.d.ts +3 -0
- package/dist/packages/core/src/views/Stack.d.ts.map +1 -0
- package/dist/packages/core/src/views/Text.d.ts +3 -0
- package/dist/packages/core/src/views/Text.d.ts.map +1 -0
- package/dist/packages/core/src/views/TextAncestorContext.d.ts +3 -0
- package/dist/packages/core/src/views/TextAncestorContext.d.ts.map +1 -0
- package/dist/packages/core/src/views/Theme.d.ts +8 -0
- package/dist/packages/core/src/views/Theme.d.ts.map +1 -0
- package/dist/packages/core/src/views/ThemeContext.d.ts +18 -0
- package/dist/packages/core/src/views/ThemeContext.d.ts.map +1 -0
- package/dist/packages/core/src/views/ThemeInverse.d.ts +10 -0
- package/dist/packages/core/src/views/ThemeInverse.d.ts.map +1 -0
- package/dist/packages/core/src/views/ThemeManagerContext.d.ts +15 -0
- package/dist/packages/core/src/views/ThemeManagerContext.d.ts.map +1 -0
- package/dist/packages/core/src/views/ThemeProvider.d.ts +10 -0
- package/dist/packages/core/src/views/ThemeProvider.d.ts.map +1 -0
- package/dist/packages/helpers/src/AllRules.d.ts +3 -0
- package/dist/packages/helpers/src/AllRules.d.ts.map +1 -0
- package/dist/packages/helpers/src/concatClassName.d.ts +2 -0
- package/dist/packages/helpers/src/concatClassName.d.ts.map +1 -0
- package/dist/packages/helpers/src/index.d.ts +5 -0
- package/dist/packages/helpers/src/index.d.ts.map +1 -0
- package/dist/packages/helpers/src/types.d.ts +8 -0
- package/dist/packages/helpers/src/types.d.ts.map +1 -0
- package/dist/packages/helpers/src/validStyleProps.d.ts +475 -0
- package/dist/packages/helpers/src/validStyleProps.d.ts.map +1 -0
- package/dist/static/postProcessStyles.js +18 -0
- package/dist/static/postProcessStyles.js.map +7 -0
- package/dist/static.js +15 -0
- package/dist/static.js.map +7 -0
- package/dist/styled.js +21 -0
- package/dist/styled.js.map +7 -0
- package/dist/types.js +1 -0
- package/dist/types.js.map +7 -0
- package/dist/views/Animated.js +79 -0
- package/dist/views/Animated.js.map +7 -0
- package/dist/views/SafeAreaProvider.js +30 -0
- package/dist/views/SafeAreaProvider.js.map +7 -0
- package/dist/views/Stack.js +12 -0
- package/dist/views/Stack.js.map +7 -0
- package/dist/views/Text.js +60 -0
- package/dist/views/Text.js.map +7 -0
- package/dist/views/TextAncestorContext.js +18 -0
- package/dist/views/TextAncestorContext.js.map +7 -0
- package/dist/views/Theme.js +56 -0
- package/dist/views/Theme.js.map +7 -0
- package/dist/views/ThemeContext.js +6 -0
- package/dist/views/ThemeContext.js.map +7 -0
- package/dist/views/ThemeInverse.js +27 -0
- package/dist/views/ThemeInverse.js.map +7 -0
- package/dist/views/ThemeManagerContext.js +55 -0
- package/dist/views/ThemeManagerContext.js.map +7 -0
- package/dist/views/ThemeProvider.js +45 -0
- package/dist/views/ThemeProvider.js.map +7 -0
- package/package.json +33 -0
- package/src/constants/constants.ts +12 -0
- package/src/constants/platform.ts +15 -0
- package/src/constants/pseudos.ts +14 -0
- package/src/constants/rnw.tsx +20 -0
- package/src/createComponent.tsx +596 -0
- package/src/createFont.ts +26 -0
- package/src/createShorthands.ts +5 -0
- package/src/createTamagui.ts +207 -0
- package/src/createTheme.ts +19 -0
- package/src/createTokens.ts +83 -0
- package/src/createVariable.ts +22 -0
- package/src/helpers/addStylesUsingClassname.tsx +60 -0
- package/src/helpers/createMediaStyle.ts +46 -0
- package/src/helpers/createPropMapper.ts +184 -0
- package/src/helpers/createTamaguiProvider.tsx +22 -0
- package/src/helpers/extendStaticConfig.ts +68 -0
- package/src/helpers/fixNativeShadow.native.tsx +27 -0
- package/src/helpers/fixNativeShadow.tsx +2 -0
- package/src/helpers/getSplitStyles.tsx +210 -0
- package/src/helpers/getStylesAtomic.native.ts +3 -0
- package/src/helpers/getStylesAtomic.ts +103 -0
- package/src/helpers/insertStyleRule.tsx +18 -0
- package/src/helpers/isObj.ts +1 -0
- package/src/helpers/matchMedia.native.ts +3 -0
- package/src/helpers/matchMedia.ts +9 -0
- package/src/helpers/themeable.tsx +42 -0
- package/src/hooks/useConstant.tsx +10 -0
- package/src/hooks/useFeatures.tsx +78 -0
- package/src/hooks/useForceUpdate.tsx +26 -0
- package/src/hooks/useMedia.tsx +194 -0
- package/src/hooks/usePressable.tsx +9 -0
- package/src/hooks/useTheme.tsx +107 -0
- package/src/index.ts +33 -0
- package/src/static/postProcessStyles.tsx +20 -0
- package/src/static.ts +22 -0
- package/src/styled.ts +82 -0
- package/src/types.tsx +561 -0
- package/src/views/Animated.tsx +121 -0
- package/src/views/SafeAreaProvider.tsx +33 -0
- package/src/views/Stack.tsx +21 -0
- package/src/views/Text.tsx +66 -0
- package/src/views/TextAncestorContext.tsx +12 -0
- package/src/views/Theme.tsx +73 -0
- package/src/views/ThemeContext.tsx +5 -0
- package/src/views/ThemeInverse.tsx +23 -0
- package/src/views/ThemeManagerContext.tsx +50 -0
- package/src/views/ThemeProvider.tsx +52 -0
- package/tsconfig.json +8 -0
- package/types.d.ts +558 -0
package/types.d.ts
ADDED
|
@@ -0,0 +1,558 @@
|
|
|
1
|
+
// Generated by dts-bundle-generator v5.9.0
|
|
2
|
+
|
|
3
|
+
/// <reference types="node" />
|
|
4
|
+
/// <reference types="prop-types" />
|
|
5
|
+
/// <reference types="react" />
|
|
6
|
+
/// <reference types="react-native" />
|
|
7
|
+
/// <reference types="scheduler" />
|
|
8
|
+
|
|
9
|
+
export declare class Variable {
|
|
10
|
+
name: string;
|
|
11
|
+
val: string | number;
|
|
12
|
+
variable: string | number;
|
|
13
|
+
constructor({ val, name }: VariableIn);
|
|
14
|
+
}
|
|
15
|
+
export declare type VariableIn = {
|
|
16
|
+
val: string | number;
|
|
17
|
+
name: string;
|
|
18
|
+
};
|
|
19
|
+
export declare const createVariable: (props: VariableIn) => Variable;
|
|
20
|
+
export declare function isVariable(v: Variable | any): v is Variable;
|
|
21
|
+
export declare type ThemeProviderProps = {
|
|
22
|
+
themes: any;
|
|
23
|
+
defaultTheme: string;
|
|
24
|
+
disableRootThemeClass?: boolean;
|
|
25
|
+
children?: any;
|
|
26
|
+
};
|
|
27
|
+
export declare const GET_DEFAULT_THEME = "___TGUI";
|
|
28
|
+
export declare const ThemeProvider: (props: ThemeProviderProps) => JSX.Element;
|
|
29
|
+
export interface CreateTokens<Val extends number | string | Variable = number | string | Variable> {
|
|
30
|
+
font: {
|
|
31
|
+
[key: string]: GenericFont;
|
|
32
|
+
};
|
|
33
|
+
color: {
|
|
34
|
+
[key: string]: Val;
|
|
35
|
+
};
|
|
36
|
+
space: {
|
|
37
|
+
[key: string]: Val;
|
|
38
|
+
};
|
|
39
|
+
size: {
|
|
40
|
+
[key: string]: Val;
|
|
41
|
+
};
|
|
42
|
+
radius: {
|
|
43
|
+
[key: string]: Val;
|
|
44
|
+
};
|
|
45
|
+
zIndex: {
|
|
46
|
+
[key: string]: Val;
|
|
47
|
+
};
|
|
48
|
+
}
|
|
49
|
+
export declare type GenericTokens = CreateTokens;
|
|
50
|
+
export declare type GenericThemes = {
|
|
51
|
+
[key: string]: {
|
|
52
|
+
bg: string | Variable;
|
|
53
|
+
bg2: string | Variable;
|
|
54
|
+
bg3: string | Variable;
|
|
55
|
+
bg4: string | Variable;
|
|
56
|
+
color: string | Variable;
|
|
57
|
+
color2: string | Variable;
|
|
58
|
+
color3: string | Variable;
|
|
59
|
+
color4: string | Variable;
|
|
60
|
+
borderColor: string | Variable;
|
|
61
|
+
borderColor2: string | Variable;
|
|
62
|
+
shadowColor: string | Variable;
|
|
63
|
+
shadowColor2: string | Variable;
|
|
64
|
+
};
|
|
65
|
+
};
|
|
66
|
+
export declare type GenericShorthands = {};
|
|
67
|
+
export declare type GenericMedia<K extends string = string> = {
|
|
68
|
+
[key in K]: {
|
|
69
|
+
[key: string]: number | string;
|
|
70
|
+
};
|
|
71
|
+
};
|
|
72
|
+
export interface TamaguiCustomConfig {
|
|
73
|
+
}
|
|
74
|
+
export interface TamaguiConfig extends Omit<GenericTamaguiConfig, keyof TamaguiCustomConfig>, TamaguiCustomConfig {
|
|
75
|
+
}
|
|
76
|
+
export declare type CreateTamaguiConfig<A extends GenericTokens, B extends GenericThemes, C extends GenericShorthands, D extends GenericMedia> = Partial<Pick<ThemeProviderProps, "defaultTheme" | "disableRootThemeClass">> & {
|
|
77
|
+
tokens: A;
|
|
78
|
+
themes: B;
|
|
79
|
+
shorthands: C;
|
|
80
|
+
media: D;
|
|
81
|
+
};
|
|
82
|
+
export declare type GenericTamaguiConfig = CreateTamaguiConfig<GenericTokens, GenericThemes, GenericShorthands, GenericMedia>;
|
|
83
|
+
export declare type ThemeObject = TamaguiConfig["themes"][keyof TamaguiConfig["themes"]];
|
|
84
|
+
export declare type Tokens = TamaguiConfig["tokens"];
|
|
85
|
+
export declare type Shorthands = TamaguiConfig["shorthands"];
|
|
86
|
+
export declare type Media = TamaguiConfig["media"];
|
|
87
|
+
export declare type Themes = TamaguiConfig["themes"];
|
|
88
|
+
export declare type ThemeName = keyof Themes extends `${infer Prefix}-light` ? Prefix | keyof Themes : keyof Themes;
|
|
89
|
+
export declare type ThemeKeys = keyof ThemeObject;
|
|
90
|
+
export declare type ThemeKeyVariables = `$${ThemeKeys}`;
|
|
91
|
+
export declare type TamaguiInternalConfig<A extends GenericTokens = GenericTokens, B extends GenericThemes = GenericThemes, C extends GenericShorthands = GenericShorthands, D extends GenericMedia = GenericMedia> = CreateTamaguiConfig<A, B, C, D> & {
|
|
92
|
+
Provider: (props: TamaguiProviderProps) => any;
|
|
93
|
+
themeParsed: {
|
|
94
|
+
[key: string]: Variable;
|
|
95
|
+
};
|
|
96
|
+
tokensParsed: CreateTokens<Variable>;
|
|
97
|
+
themeConfig: any;
|
|
98
|
+
getCSS: () => string;
|
|
99
|
+
};
|
|
100
|
+
export declare type UnionableString = string & {};
|
|
101
|
+
export declare type UnionableNumber = number & {};
|
|
102
|
+
export declare type PropTypes<A extends StaticComponent> = A extends React.FunctionComponent<infer Props> ? Props : unknown;
|
|
103
|
+
export declare type GenericFont = {
|
|
104
|
+
size: {
|
|
105
|
+
[key: string | number]: number | Variable;
|
|
106
|
+
};
|
|
107
|
+
lineHeight: {
|
|
108
|
+
[key: string | number]: number | Variable;
|
|
109
|
+
};
|
|
110
|
+
letterSpacing: {
|
|
111
|
+
[key: string | number]: number | Variable;
|
|
112
|
+
};
|
|
113
|
+
weight: {
|
|
114
|
+
[key: string | number]: string | Variable;
|
|
115
|
+
};
|
|
116
|
+
family: string | Variable;
|
|
117
|
+
};
|
|
118
|
+
export declare type MediaKeys = keyof Media;
|
|
119
|
+
export declare type MediaQueryObject = {
|
|
120
|
+
[key: string]: string | number | string;
|
|
121
|
+
};
|
|
122
|
+
export declare type MediaQueryState = {
|
|
123
|
+
[key in string]: boolean;
|
|
124
|
+
};
|
|
125
|
+
export declare type MediaQueryKey = keyof Media;
|
|
126
|
+
export declare type MediaProps<A> = {
|
|
127
|
+
[key in `$${MediaQueryKey}`]?: A;
|
|
128
|
+
};
|
|
129
|
+
export declare type MediaQueries = {
|
|
130
|
+
[key in MediaQueryKey]: MediaQueryObject;
|
|
131
|
+
};
|
|
132
|
+
export declare type ConfigureMediaQueryOptions = {
|
|
133
|
+
queries?: MediaQueries;
|
|
134
|
+
defaultActive?: MediaQueryKey[];
|
|
135
|
+
};
|
|
136
|
+
export declare type TransformStyleProps = {
|
|
137
|
+
x?: number;
|
|
138
|
+
y?: number;
|
|
139
|
+
perspective?: number;
|
|
140
|
+
scale?: number;
|
|
141
|
+
scaleX?: number;
|
|
142
|
+
scaleY?: number;
|
|
143
|
+
skewX?: string;
|
|
144
|
+
skewY?: string;
|
|
145
|
+
matrix?: number[];
|
|
146
|
+
rotate?: string;
|
|
147
|
+
rotateY?: string;
|
|
148
|
+
rotateX?: string;
|
|
149
|
+
rotateZ?: string;
|
|
150
|
+
};
|
|
151
|
+
export declare type ComponentPropsBase = {
|
|
152
|
+
className?: string;
|
|
153
|
+
tag?: string;
|
|
154
|
+
animated?: boolean;
|
|
155
|
+
onHoverIn?: (e: MouseEvent) => any;
|
|
156
|
+
onHoverOut?: (e: MouseEvent) => any;
|
|
157
|
+
onPress?: (e: GestureResponderEvent) => any;
|
|
158
|
+
onPressIn?: (e: GestureResponderEvent) => any;
|
|
159
|
+
onPressOut?: (e: GestureResponderEvent) => any;
|
|
160
|
+
onMouseEnter?: (e: GestureResponderEvent) => any;
|
|
161
|
+
onMouseLeave?: (e: GestureResponderEvent) => any;
|
|
162
|
+
space?: Tokens["space"][keyof Tokens["space"]] | boolean | string | number;
|
|
163
|
+
pointerEvents?: string;
|
|
164
|
+
};
|
|
165
|
+
export declare type GetTokenFontKeysFor<A extends "size" | "weight" | "letterSpacing" | "family" | "lineHeight"> = keyof Tokens["font"][keyof Tokens["font"]][A];
|
|
166
|
+
export declare type SpaceTokens = `$${keyof Tokens["space"]}`;
|
|
167
|
+
export declare type ThemeValue<A> = Omit<A, string> | UnionableString | Variable;
|
|
168
|
+
export declare type WithThemeValues<T extends object> = {
|
|
169
|
+
[K in keyof T]: ThemeValue<T[K]> | (K extends ColorableKeys ? ThemeKeyVariables : K extends SizeKeys ? `$${keyof Tokens["size"]}` : K extends FontKeys ? `$${keyof Tokens["font"]}` : K extends FontSizeKeys ? `$${GetTokenFontKeysFor<"size">}` : K extends SpaceKeys ? `$${keyof Tokens["space"]}` : K extends ColorKeys ? `$${keyof Tokens["color"]}` : K extends ZIndexKeys ? `$${keyof Tokens["zIndex"]}` : K extends LineHeightKeys ? `$${GetTokenFontKeysFor<"lineHeight">}` : K extends FontWeightKeys ? `$${GetTokenFontKeysFor<"weight">}` : K extends FontLetterSpacingKeys ? `$${GetTokenFontKeysFor<"letterSpacing">}` : {});
|
|
170
|
+
};
|
|
171
|
+
export declare type WithShorthands<StyleProps> = {
|
|
172
|
+
[Key in keyof Shorthands]?: Shorthands[Key] extends keyof StyleProps ? StyleProps[Shorthands[Key]] | null : {};
|
|
173
|
+
};
|
|
174
|
+
export declare type WithThemeAndShorthands<A extends object> = WithThemeValues<A> & WithShorthands<WithThemeValues<A>>;
|
|
175
|
+
export declare type WithThemeShorthandsAndPseudos<A extends object> = WithThemeAndShorthands<A> & {
|
|
176
|
+
hoverStyle?: WithThemeAndShorthands<A> | null;
|
|
177
|
+
pressStyle?: WithThemeAndShorthands<A> | null;
|
|
178
|
+
};
|
|
179
|
+
export declare type WithThemeShorthandsPseudosAndMedia<A extends object> = WithThemeShorthandsAndPseudos<A> & MediaProps<WithThemeShorthandsAndPseudos<A>>;
|
|
180
|
+
export declare type WebOnlyStyleProps = {
|
|
181
|
+
cursor?: string;
|
|
182
|
+
contain?: "none" | "strict" | "content" | "size" | "layout" | "paint" | string;
|
|
183
|
+
display?: "inherit" | "none" | "inline" | "block" | "contents" | "flex" | "inline-flex";
|
|
184
|
+
pointerEvents?: ViewProps["pointerEvents"];
|
|
185
|
+
};
|
|
186
|
+
export declare type StackStyleProps = WithThemeShorthandsPseudosAndMedia<Omit<ViewStyle, "display" | "backfaceVisibility" | "elevation"> & TransformStyleProps & WebOnlyStyleProps>;
|
|
187
|
+
export declare type StackProps = Omit<RNWInternalProps, "children"> & Omit<ViewProps, "display" | "children"> & StackStyleProps & ComponentPropsBase & {
|
|
188
|
+
ref?: RefObject<View | HTMLElement> | ((node: View | HTMLElement) => any);
|
|
189
|
+
children?: any | any[];
|
|
190
|
+
};
|
|
191
|
+
export declare type TextStyleProps = WithThemeShorthandsPseudosAndMedia<Omit<TextStyle, "display" | "backfaceVisibility"> & TransformStyleProps & WebOnlyStyleProps>;
|
|
192
|
+
export declare type TextProps = Omit<ReactTextProps, "style"> & TextStyleProps & ComponentPropsBase & {
|
|
193
|
+
ellipse?: boolean;
|
|
194
|
+
selectable?: boolean;
|
|
195
|
+
textDecorationDistance?: number;
|
|
196
|
+
};
|
|
197
|
+
export declare type StaticComponent<Props = any, VariantProps = any, StaticConfParsed = StaticConfigParsed, ParentVariantProps = any> = React.FunctionComponent<Props> & {
|
|
198
|
+
staticConfig: StaticConfParsed;
|
|
199
|
+
variantProps?: VariantProps;
|
|
200
|
+
extractable: <X>(a: X) => X;
|
|
201
|
+
};
|
|
202
|
+
export declare type TamaguiProviderProps = Partial<Omit<ThemeProviderProps, "children">> & {
|
|
203
|
+
initialWindowMetrics?: any;
|
|
204
|
+
fallback?: any;
|
|
205
|
+
children?: any;
|
|
206
|
+
};
|
|
207
|
+
export declare type RNWInternalProps = {
|
|
208
|
+
accessibilityState?: {
|
|
209
|
+
busy?: boolean;
|
|
210
|
+
checked?: boolean | "mixed";
|
|
211
|
+
disabled?: boolean;
|
|
212
|
+
expanded?: boolean;
|
|
213
|
+
grabbed?: boolean;
|
|
214
|
+
hidden?: boolean;
|
|
215
|
+
invalid?: boolean;
|
|
216
|
+
modal?: boolean;
|
|
217
|
+
pressed?: boolean;
|
|
218
|
+
readonly?: boolean;
|
|
219
|
+
required?: boolean;
|
|
220
|
+
selected?: boolean;
|
|
221
|
+
};
|
|
222
|
+
accessibilityValue?: {
|
|
223
|
+
max?: number;
|
|
224
|
+
min?: number;
|
|
225
|
+
now?: number;
|
|
226
|
+
text?: string;
|
|
227
|
+
};
|
|
228
|
+
children?: any;
|
|
229
|
+
focusable?: boolean;
|
|
230
|
+
nativeID?: string;
|
|
231
|
+
onBlur?: (e: any) => void;
|
|
232
|
+
onClick?: (e: any) => void;
|
|
233
|
+
onClickCapture?: (e: any) => void;
|
|
234
|
+
onContextMenu?: (e: any) => void;
|
|
235
|
+
onFocus?: (e: any) => void;
|
|
236
|
+
onKeyDown?: (e: any) => void;
|
|
237
|
+
onKeyUp?: (e: any) => void;
|
|
238
|
+
onMoveShouldSetResponder?: (e: any) => boolean;
|
|
239
|
+
onMoveShouldSetResponderCapture?: (e: any) => boolean;
|
|
240
|
+
onResponderEnd?: (e: any) => void;
|
|
241
|
+
onResponderGrant?: (e: any) => void;
|
|
242
|
+
onResponderMove?: (e: any) => void;
|
|
243
|
+
onResponderReject?: (e: any) => void;
|
|
244
|
+
onResponderRelease?: (e: any) => void;
|
|
245
|
+
onResponderStart?: (e: any) => void;
|
|
246
|
+
onResponderTerminate?: (e: any) => void;
|
|
247
|
+
onResponderTerminationRequest?: (e: any) => boolean;
|
|
248
|
+
onScrollShouldSetResponder?: (e: any) => boolean;
|
|
249
|
+
onScrollShouldSetResponderCapture?: (e: any) => boolean;
|
|
250
|
+
onSelectionChangeShouldSetResponder?: (e: any) => boolean;
|
|
251
|
+
onSelectionChangeShouldSetResponderCapture?: (e: any) => boolean;
|
|
252
|
+
onStartShouldSetResponder?: (e: any) => boolean;
|
|
253
|
+
onStartShouldSetResponderCapture?: (e: any) => boolean;
|
|
254
|
+
pointerEvents?: "box-none" | "none" | "box-only" | "auto";
|
|
255
|
+
testID?: string;
|
|
256
|
+
dataSet?: Object;
|
|
257
|
+
onMouseDown?: (e: any) => void;
|
|
258
|
+
onMouseEnter?: (e: any) => void;
|
|
259
|
+
onMouseLeave?: (e: any) => void;
|
|
260
|
+
onMouseMove?: (e: any) => void;
|
|
261
|
+
onMouseOver?: (e: any) => void;
|
|
262
|
+
onMouseOut?: (e: any) => void;
|
|
263
|
+
onMouseUp?: (e: any) => void;
|
|
264
|
+
onScroll?: (e: any) => void;
|
|
265
|
+
onTouchCancel?: (e: any) => void;
|
|
266
|
+
onTouchCancelCapture?: (e: any) => void;
|
|
267
|
+
onTouchEnd?: (e: any) => void;
|
|
268
|
+
onTouchEndCapture?: (e: any) => void;
|
|
269
|
+
onTouchMove?: (e: any) => void;
|
|
270
|
+
onTouchMoveCapture?: (e: any) => void;
|
|
271
|
+
onTouchStart?: (e: any) => void;
|
|
272
|
+
onTouchStartCapture?: (e: any) => void;
|
|
273
|
+
onWheel?: (e: any) => void;
|
|
274
|
+
href?: string;
|
|
275
|
+
hrefAttrs?: {
|
|
276
|
+
download?: boolean;
|
|
277
|
+
rel?: string;
|
|
278
|
+
target?: string;
|
|
279
|
+
};
|
|
280
|
+
};
|
|
281
|
+
export declare type StaticConfigParsed = StaticConfig & {
|
|
282
|
+
parsed: true;
|
|
283
|
+
propMapper: (key: string, value: any, theme: ThemeObject, props: any) => undefined | boolean | {
|
|
284
|
+
[key: string]: any;
|
|
285
|
+
};
|
|
286
|
+
variantsParsed?: {
|
|
287
|
+
[key: string]: {
|
|
288
|
+
[key: string]: any;
|
|
289
|
+
};
|
|
290
|
+
};
|
|
291
|
+
};
|
|
292
|
+
export declare type StaticConfig = {
|
|
293
|
+
Component?: StaticComponent;
|
|
294
|
+
variants?: {
|
|
295
|
+
[key: string]: {
|
|
296
|
+
[key: string]: ((a: any, b: any) => any) | {
|
|
297
|
+
[key: string]: any;
|
|
298
|
+
};
|
|
299
|
+
};
|
|
300
|
+
};
|
|
301
|
+
neverFlatten?: boolean | "jsx";
|
|
302
|
+
isText?: boolean;
|
|
303
|
+
validStyles?: {
|
|
304
|
+
[key: string]: boolean;
|
|
305
|
+
};
|
|
306
|
+
validPropsExtra?: {
|
|
307
|
+
[key: string]: any;
|
|
308
|
+
};
|
|
309
|
+
defaultProps?: any;
|
|
310
|
+
deoptProps?: Set<string>;
|
|
311
|
+
ensureOverriddenProp?: {
|
|
312
|
+
[key: string]: boolean;
|
|
313
|
+
};
|
|
314
|
+
isZStack?: boolean;
|
|
315
|
+
};
|
|
316
|
+
export declare type ColorableKeys = "color" | "backgroundColor" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "shadowColor";
|
|
317
|
+
export declare type SizeKeys = "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight";
|
|
318
|
+
export declare type FontKeys = "fontFamily";
|
|
319
|
+
export declare type FontSizeKeys = "fontSize";
|
|
320
|
+
export declare type FontWeightKeys = "fontWeight";
|
|
321
|
+
export declare type FontLetterSpacingKeys = "letterSpacing";
|
|
322
|
+
export declare type LineHeightKeys = "lineHeight";
|
|
323
|
+
export declare type ZIndexKeys = "zIndex";
|
|
324
|
+
export declare type ColorKeys = "color" | "backgroundColor" | "borderColor" | "borderBottomColor" | "borderTopColor" | "borderLeftColor" | "borderRightColor";
|
|
325
|
+
export declare type SpaceKeys = "padding" | "paddingHorizontal" | "paddingVertical" | "paddingLeft" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingEnd" | "paddingStart" | "margin" | "marginHorizontal" | "marginVertical" | "marginLeft" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "marginEnd" | "marginStart" | "x" | "y" | "scale" | "scaleX" | "scaleY" | "borderTopEndRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStartRadius" | "borderBottomEndRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStartRadius" | "borderBottomWidth" | "borderLeftWidth" | "borderRadius" | "borderRightWidth" | "borderTopEndRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderEndWidth" | "borderStartWidth" | "borderTopStartRadius" | "borderTopWidth" | "borderWidth" | "left" | "top" | "right" | "bottom" | "shadowOffset";
|
|
326
|
+
export declare const mouseUps: Set<Function>;
|
|
327
|
+
export declare type DefaultProps = {};
|
|
328
|
+
export declare function createComponent<A extends Object = DefaultProps>(configIn: Partial<StaticConfig> | StaticConfigParsed): StaticComponent<A, void, StaticConfigParsed, any>;
|
|
329
|
+
export declare const Spacer: StaticComponent<{
|
|
330
|
+
size?: number | `$${string}` | `$${number}` | undefined;
|
|
331
|
+
flex?: number | boolean | undefined;
|
|
332
|
+
}, void, StaticConfigParsed, any>;
|
|
333
|
+
export declare function spacedChildren({ isZStack, children, space, flexDirection, }: {
|
|
334
|
+
isZStack?: boolean;
|
|
335
|
+
children: any;
|
|
336
|
+
space?: any;
|
|
337
|
+
flexDirection?: ViewStyle["flexDirection"];
|
|
338
|
+
}): any;
|
|
339
|
+
export declare function createShorthands<A extends Record<string, string>>(shorthands: A): A;
|
|
340
|
+
export declare const createTheme: <Theme extends {
|
|
341
|
+
[key: string]: string | Variable;
|
|
342
|
+
}>(theme: Theme) => {
|
|
343
|
+
[key in keyof Theme]: Variable;
|
|
344
|
+
};
|
|
345
|
+
export declare type CreateTamaguiProps = TamaguiProviderProps & Omit<GenericTamaguiConfig, "themes"> & {
|
|
346
|
+
themes: {
|
|
347
|
+
[key: string]: {
|
|
348
|
+
[key: string]: string | number | Variable;
|
|
349
|
+
};
|
|
350
|
+
};
|
|
351
|
+
mediaQueryDefaultActive?: MediaQueryKey[];
|
|
352
|
+
};
|
|
353
|
+
export declare const getHasConfigured: () => boolean;
|
|
354
|
+
export declare const getTamaguiConfig: () => TamaguiInternalConfig<CreateTokens, {
|
|
355
|
+
[key: string]: {
|
|
356
|
+
bg: string | Variable;
|
|
357
|
+
bg2: string | Variable;
|
|
358
|
+
bg3: string | Variable;
|
|
359
|
+
bg4: string | Variable;
|
|
360
|
+
color: string | Variable;
|
|
361
|
+
color2: string | Variable;
|
|
362
|
+
color3: string | Variable;
|
|
363
|
+
color4: string | Variable;
|
|
364
|
+
borderColor: string | Variable;
|
|
365
|
+
borderColor2: string | Variable;
|
|
366
|
+
shadowColor: string | Variable;
|
|
367
|
+
shadowColor2: string | Variable;
|
|
368
|
+
};
|
|
369
|
+
}, {}, {
|
|
370
|
+
[x: string]: {
|
|
371
|
+
[key: string]: string | number;
|
|
372
|
+
};
|
|
373
|
+
}>;
|
|
374
|
+
export declare type ConfigListener = (conf: TamaguiInternalConfig) => void;
|
|
375
|
+
export declare const onConfiguredOnce: (cb: ConfigListener) => void;
|
|
376
|
+
export declare function createTamagui<Conf extends CreateTamaguiProps>(config: Conf): Conf extends CreateTamaguiConfig<infer A, infer B, infer C, infer D> ? TamaguiInternalConfig<A, B, C, D> : unknown;
|
|
377
|
+
export declare function getThemeParentClassName(themeName?: string | null): string;
|
|
378
|
+
export declare const createFont: <A extends GenericFont>(font: A) => A;
|
|
379
|
+
export declare function createTokens<T extends CreateTokens>(tokens: T): MakeTokens<T>;
|
|
380
|
+
export declare type MakeTokens<T> = T extends {
|
|
381
|
+
font: {
|
|
382
|
+
[key in infer A]: {
|
|
383
|
+
size: infer B;
|
|
384
|
+
lineHeight: infer C;
|
|
385
|
+
letterSpacing: infer D;
|
|
386
|
+
weight: infer Z;
|
|
387
|
+
family: infer Y;
|
|
388
|
+
};
|
|
389
|
+
};
|
|
390
|
+
color: infer E;
|
|
391
|
+
space: infer F;
|
|
392
|
+
size: infer G;
|
|
393
|
+
radius: infer H;
|
|
394
|
+
zIndex: infer J;
|
|
395
|
+
} ? {
|
|
396
|
+
font: {
|
|
397
|
+
[key in A]: {
|
|
398
|
+
size: {
|
|
399
|
+
[key in keyof B]: Variable;
|
|
400
|
+
};
|
|
401
|
+
lineHeight: {
|
|
402
|
+
[key in keyof C]: Variable;
|
|
403
|
+
};
|
|
404
|
+
letterSpacing: {
|
|
405
|
+
[key in keyof D]: Variable;
|
|
406
|
+
};
|
|
407
|
+
weight: {
|
|
408
|
+
[key in keyof Z]: Variable;
|
|
409
|
+
};
|
|
410
|
+
family: Y;
|
|
411
|
+
};
|
|
412
|
+
};
|
|
413
|
+
color: {
|
|
414
|
+
[key in keyof E]: Variable;
|
|
415
|
+
};
|
|
416
|
+
space: {
|
|
417
|
+
[key in keyof F]: Variable;
|
|
418
|
+
};
|
|
419
|
+
size: {
|
|
420
|
+
[key in keyof G]: Variable;
|
|
421
|
+
};
|
|
422
|
+
radius: {
|
|
423
|
+
[key in keyof H]: Variable;
|
|
424
|
+
};
|
|
425
|
+
zIndex: {
|
|
426
|
+
[key in keyof J]: Variable;
|
|
427
|
+
};
|
|
428
|
+
} : never;
|
|
429
|
+
export declare function styled<ParentComponent extends StaticComponent | React.Component<any>, Variants extends GetVariants<ParentComponent>>(Component: ParentComponent, options?: GetProps<ParentComponent> & {
|
|
430
|
+
variants?: Variants;
|
|
431
|
+
}, staticExtractionOptions?: StaticConfig): StaticComponent<Omit<GetProps<ParentComponent>, keyof GetVariantProps<Variants>> & GetVariantProps<Variants> & MediaProps<GetVariantProps<Variants>>, any, StaticConfigParsed, any>;
|
|
432
|
+
export declare type GetProps<A> = A extends StaticComponent<infer Props> ? Props : A extends React.Component<infer Props> ? Props : {};
|
|
433
|
+
export declare type GetVariants<ParentComponent extends StaticComponent | React.Component<any>> = void | {
|
|
434
|
+
[key: string]: {
|
|
435
|
+
[key: string]: Partial<GetProps<ParentComponent>> | ((val: any, config: {
|
|
436
|
+
tokens: TamaguiConfig["tokens"];
|
|
437
|
+
theme: Themes extends {
|
|
438
|
+
[key: string]: infer B;
|
|
439
|
+
} ? B : unknown;
|
|
440
|
+
props: GetProps<ParentComponent>;
|
|
441
|
+
}) => Partial<GetProps<ParentComponent>>);
|
|
442
|
+
};
|
|
443
|
+
};
|
|
444
|
+
export declare type GetVariantProps<Variants> = Variants extends void ? {} : {
|
|
445
|
+
[Key in keyof Variants]?: keyof Variants[Key] extends `...${infer VariantSpread}` ? VariantSpread extends keyof Tokens ? keyof Tokens[VariantSpread] extends string | number ? `$${keyof Tokens[VariantSpread]}` : unknown : unknown : keyof Variants[Key] extends "true" ? boolean : keyof Exclude<Variants[Key], undefined>;
|
|
446
|
+
};
|
|
447
|
+
export declare const pseudos: {
|
|
448
|
+
focusStyle: {
|
|
449
|
+
name: string;
|
|
450
|
+
priority: number;
|
|
451
|
+
};
|
|
452
|
+
pressStyle: {
|
|
453
|
+
name: string;
|
|
454
|
+
priority: number;
|
|
455
|
+
};
|
|
456
|
+
hoverStyle: {
|
|
457
|
+
name: string;
|
|
458
|
+
priority: number;
|
|
459
|
+
};
|
|
460
|
+
};
|
|
461
|
+
export declare const stackDefaultStyles: {
|
|
462
|
+
display?: string | undefined;
|
|
463
|
+
flexBasis?: string | undefined;
|
|
464
|
+
boxSizing?: string | undefined;
|
|
465
|
+
alignItems: string;
|
|
466
|
+
flexShrink: number;
|
|
467
|
+
};
|
|
468
|
+
export declare const isWeb: boolean;
|
|
469
|
+
export declare const isSSR: boolean;
|
|
470
|
+
export declare const useIsomorphicLayoutEffect: typeof useEffect;
|
|
471
|
+
export declare const isChrome: boolean;
|
|
472
|
+
export declare const supportsTouchWeb: boolean;
|
|
473
|
+
export declare const isTouchDevice: boolean;
|
|
474
|
+
export declare const isWebIOS: boolean;
|
|
475
|
+
export declare const rnw: Record<string, any>;
|
|
476
|
+
export declare const isObj: (x: any) => any;
|
|
477
|
+
export declare type StyleObject = {
|
|
478
|
+
property: string;
|
|
479
|
+
value: string;
|
|
480
|
+
className: string;
|
|
481
|
+
identifier: string;
|
|
482
|
+
rules: string[];
|
|
483
|
+
};
|
|
484
|
+
export declare function getStylesAtomic(style: any, avoidCollection?: boolean): StyleObject[];
|
|
485
|
+
export declare const matchMedia: any;
|
|
486
|
+
export declare type ThemeableProps = {
|
|
487
|
+
theme?: string | null;
|
|
488
|
+
themeInverse?: boolean;
|
|
489
|
+
};
|
|
490
|
+
export declare const themeable: ThemeableHOC;
|
|
491
|
+
export interface ThemeableHOC {
|
|
492
|
+
<R extends ReactElement<any, any> | null, P extends ThemeableProps = {}>(component: (props: P) => R): (props: P) => R;
|
|
493
|
+
}
|
|
494
|
+
export declare function useConstant<T>(fn: () => T): T;
|
|
495
|
+
export declare function useForceUpdate(): Function;
|
|
496
|
+
export declare const mediaState: {
|
|
497
|
+
[key in keyof MediaQueryState]: boolean;
|
|
498
|
+
};
|
|
499
|
+
export declare const addMediaQueryListener: (key: string, cb: any) => void;
|
|
500
|
+
export declare const removeMediaQueryListener: (key: string, cb: any) => void;
|
|
501
|
+
export declare const mediaQueryConfig: MediaQueries;
|
|
502
|
+
export declare const getMedia: () => {
|
|
503
|
+
[x: string]: boolean;
|
|
504
|
+
};
|
|
505
|
+
export declare const configureMedia: ({ queries, defaultActive, }?: ConfigureMediaQueryOptions) => void;
|
|
506
|
+
export declare const useMedia: () => {
|
|
507
|
+
[x: string]: boolean;
|
|
508
|
+
};
|
|
509
|
+
export declare function mediaObjectToString(query: string | MediaQueryObject): string;
|
|
510
|
+
export declare const useThemeName: () => string;
|
|
511
|
+
export declare const useDefaultThemeName: () => string | number;
|
|
512
|
+
export declare const useTheme: () => {
|
|
513
|
+
bg: string | Variable;
|
|
514
|
+
bg2: string | Variable;
|
|
515
|
+
bg3: string | Variable;
|
|
516
|
+
bg4: string | Variable;
|
|
517
|
+
color: string | Variable;
|
|
518
|
+
color2: string | Variable;
|
|
519
|
+
color3: string | Variable;
|
|
520
|
+
color4: string | Variable;
|
|
521
|
+
borderColor: string | Variable;
|
|
522
|
+
borderColor2: string | Variable;
|
|
523
|
+
shadowColor: string | Variable;
|
|
524
|
+
shadowColor2: string | Variable;
|
|
525
|
+
};
|
|
526
|
+
export declare type AnimatableProps = Partial<Pick<StackProps, "backgroundColor" | "borderColor" | "opacity"> & PerpectiveTransform & RotateTransform & RotateXTransform & RotateYTransform & RotateZTransform & ScaleTransform & ScaleXTransform & ScaleYTransform & TranslateXTransform & TranslateYTransform & SkewXTransform & SkewYTransform>;
|
|
527
|
+
export declare type AnimatedStackProps = StackProps & {
|
|
528
|
+
animateState?: "in" | "out";
|
|
529
|
+
velocity?: number;
|
|
530
|
+
animation?: {
|
|
531
|
+
from: AnimatableProps;
|
|
532
|
+
to: AnimatableProps;
|
|
533
|
+
};
|
|
534
|
+
};
|
|
535
|
+
export declare const AnimatedStack: ({ animateState, animation, velocity, children, animated, ...props }: AnimatedStackProps) => JSX.Element;
|
|
536
|
+
export declare const Stack: StaticComponent;
|
|
537
|
+
export declare const Text: StaticComponent;
|
|
538
|
+
export declare type ThemeProps = {
|
|
539
|
+
disableThemeClass?: boolean;
|
|
540
|
+
name: ThemeName | null;
|
|
541
|
+
children?: any;
|
|
542
|
+
};
|
|
543
|
+
export declare const Theme: (props: ThemeProps) => any;
|
|
544
|
+
export declare type StringRecord = {
|
|
545
|
+
[key: string]: string;
|
|
546
|
+
};
|
|
547
|
+
export declare function setThemeInversions(next: StringRecord): void;
|
|
548
|
+
export declare const ThemeInverse: (props: {
|
|
549
|
+
children: any;
|
|
550
|
+
}) => JSX.Element;
|
|
551
|
+
export declare const TextAncestorContext: any;
|
|
552
|
+
export declare const TextAncestorProvider: (props: any) => any;
|
|
553
|
+
export declare const SafeAreaProvider: ({ initialWindowMetrics, children, }: {
|
|
554
|
+
children?: any;
|
|
555
|
+
initialWindowMetrics?: any;
|
|
556
|
+
}) => JSX.Element;
|
|
557
|
+
|
|
558
|
+
export {};
|