@tamagui/core 1.0.0-alpha.5 → 1.0.0-alpha.55
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/dist/cjs/conf.js +52 -0
- package/dist/cjs/conf.js.map +7 -0
- package/dist/cjs/constants/constants.js +55 -0
- package/dist/cjs/constants/constants.js.map +7 -0
- package/dist/cjs/constants/platform.js +44 -0
- package/dist/cjs/constants/platform.js.map +7 -0
- package/dist/cjs/constants/pseudos.js +42 -0
- package/dist/cjs/constants/pseudos.js.map +7 -0
- package/dist/cjs/constants/rnw.js +45 -0
- package/dist/cjs/constants/rnw.js.map +7 -0
- package/dist/cjs/createComponent.js +543 -0
- package/dist/cjs/createComponent.js.map +7 -0
- package/dist/cjs/createFont.js +51 -0
- package/dist/cjs/createFont.js.map +7 -0
- package/dist/cjs/createShorthands.js +33 -0
- package/dist/cjs/createShorthands.js.map +7 -0
- package/dist/cjs/createTamagui.js +205 -0
- package/dist/cjs/createTamagui.js.map +7 -0
- package/dist/cjs/createTheme.js +30 -0
- package/dist/cjs/createTheme.js.map +7 -0
- package/dist/cjs/createTokens.js +56 -0
- package/dist/cjs/createTokens.js.map +7 -0
- package/dist/cjs/createVariable.js +48 -0
- package/dist/cjs/createVariable.js.map +7 -0
- package/dist/cjs/getThemeParentClassName.js +34 -0
- package/dist/cjs/getThemeParentClassName.js.map +7 -0
- package/dist/cjs/helpers/addStylesUsingClassname.js +80 -0
- package/dist/cjs/helpers/addStylesUsingClassname.js.map +7 -0
- package/dist/cjs/helpers/createMediaStyle.js +57 -0
- package/dist/cjs/helpers/createMediaStyle.js.map +7 -0
- package/dist/cjs/helpers/createPropMapper.js +201 -0
- package/dist/cjs/helpers/createPropMapper.js.map +7 -0
- package/dist/cjs/helpers/createTamaguiProvider.js +80 -0
- package/dist/cjs/helpers/createTamaguiProvider.js.map +7 -0
- package/dist/cjs/helpers/extendStaticConfig.js +83 -0
- package/dist/cjs/helpers/extendStaticConfig.js.map +7 -0
- package/dist/cjs/helpers/fixNativeShadow.js +31 -0
- package/dist/cjs/helpers/fixNativeShadow.js.map +7 -0
- package/dist/cjs/helpers/fixNativeShadow.native.js +57 -0
- package/dist/cjs/helpers/fixNativeShadow.native.js.map +7 -0
- package/dist/cjs/helpers/getSplitStyles.js +181 -0
- package/dist/cjs/helpers/getSplitStyles.js.map +7 -0
- package/dist/cjs/helpers/getStylesAtomic.js +118 -0
- package/dist/cjs/helpers/getStylesAtomic.js.map +7 -0
- package/dist/cjs/helpers/getStylesAtomic.native.js +33 -0
- package/dist/cjs/helpers/getStylesAtomic.native.js.map +7 -0
- package/dist/cjs/helpers/getThemeParentClassName.js +34 -0
- package/dist/cjs/helpers/getThemeParentClassName.js.map +7 -0
- package/dist/cjs/helpers/insertStyleRule.js +47 -0
- package/dist/cjs/helpers/insertStyleRule.js.map +7 -0
- package/dist/cjs/helpers/isObj.js +30 -0
- package/dist/cjs/helpers/isObj.js.map +7 -0
- package/dist/cjs/helpers/isTamaguiElement.js +34 -0
- package/dist/cjs/helpers/isTamaguiElement.js.map +7 -0
- package/dist/cjs/helpers/matchMedia.js +41 -0
- package/dist/cjs/helpers/matchMedia.js.map +7 -0
- package/dist/cjs/helpers/matchMedia.native.js +37 -0
- package/dist/cjs/helpers/matchMedia.native.js.map +7 -0
- package/dist/cjs/helpers/themeable.js +84 -0
- package/dist/cjs/helpers/themeable.js.map +7 -0
- package/dist/cjs/helpers/validate.js +88 -0
- package/dist/cjs/helpers/validate.js.map +7 -0
- package/dist/cjs/hooks/useConstant.js +38 -0
- package/dist/cjs/hooks/useConstant.js.map +7 -0
- package/dist/cjs/hooks/useFeatures.js +106 -0
- package/dist/cjs/hooks/useFeatures.js.map +7 -0
- package/dist/cjs/hooks/useMedia.js +208 -0
- package/dist/cjs/hooks/useMedia.js.map +7 -0
- package/dist/cjs/hooks/usePressable.js +51 -0
- package/dist/cjs/hooks/usePressable.js.map +7 -0
- package/dist/cjs/hooks/useTheme.js +121 -0
- package/dist/cjs/hooks/useTheme.js.map +7 -0
- package/dist/cjs/index.js +63 -0
- package/dist/cjs/index.js.map +7 -0
- package/dist/cjs/static/postProcessStyles.js +41 -0
- package/dist/cjs/static/postProcessStyles.js.map +7 -0
- package/dist/cjs/static.js +35 -0
- package/dist/cjs/static.js.map +7 -0
- package/dist/cjs/styled.js +73 -0
- package/dist/cjs/styled.js.map +7 -0
- package/dist/cjs/types.js +21 -0
- package/dist/cjs/types.js.map +7 -0
- package/dist/cjs/views/Animated.js +135 -0
- package/dist/cjs/views/Animated.js.map +7 -0
- package/dist/cjs/views/Stack.js +52 -0
- package/dist/cjs/views/Stack.js.map +7 -0
- package/dist/cjs/views/Text.js +94 -0
- package/dist/cjs/views/Text.js.map +7 -0
- package/dist/cjs/views/TextAncestorContext.js +46 -0
- package/dist/cjs/views/TextAncestorContext.js.map +7 -0
- package/dist/cjs/views/Theme.js +97 -0
- package/dist/cjs/views/Theme.js.map +7 -0
- package/dist/cjs/views/ThemeContext.js +30 -0
- package/dist/cjs/views/ThemeContext.js.map +7 -0
- package/dist/cjs/views/ThemeInverse.js +54 -0
- package/dist/cjs/views/ThemeInverse.js.map +7 -0
- package/dist/cjs/views/ThemeManagerContext.js +85 -0
- package/dist/cjs/views/ThemeManagerContext.js.map +7 -0
- package/dist/cjs/views/ThemeProvider.js +73 -0
- package/dist/cjs/views/ThemeProvider.js.map +7 -0
- package/dist/esm/conf.js +29 -0
- package/dist/esm/conf.js.map +7 -0
- package/dist/{constants → esm/constants}/constants.js +4 -0
- package/dist/esm/constants/constants.js.map +7 -0
- package/dist/{constants → esm/constants}/platform.js +2 -1
- package/dist/{constants → esm/constants}/platform.js.map +2 -2
- package/dist/{constants → esm/constants}/pseudos.js +0 -0
- package/dist/{constants → esm/constants}/pseudos.js.map +1 -1
- package/dist/{constants → esm/constants}/rnw.js +0 -0
- package/dist/{constants → esm/constants}/rnw.js.map +1 -1
- package/dist/{createComponent.js → esm/createComponent.js} +99 -71
- package/dist/esm/createComponent.js.map +7 -0
- package/dist/{createFont.js → esm/createFont.js} +4 -0
- package/dist/esm/createFont.js.map +7 -0
- package/dist/{createShorthands.js → esm/createShorthands.js} +0 -0
- package/dist/{createShorthands.js.map → esm/createShorthands.js.map} +1 -1
- package/dist/esm/createTamagui.js +166 -0
- package/dist/esm/createTamagui.js.map +7 -0
- package/dist/esm/createTheme.js +7 -0
- package/dist/esm/createTheme.js.map +7 -0
- package/dist/{createTokens.js → esm/createTokens.js} +4 -0
- package/dist/esm/createTokens.js.map +7 -0
- package/dist/{createVariable.js → esm/createVariable.js} +3 -0
- package/dist/{createVariable.js.map → esm/createVariable.js.map} +3 -3
- package/dist/esm/getThemeParentClassName.js +11 -0
- package/dist/esm/getThemeParentClassName.js.map +7 -0
- package/dist/{helpers → esm/helpers}/addStylesUsingClassname.js +1 -1
- package/dist/{helpers → esm/helpers}/addStylesUsingClassname.js.map +3 -3
- package/dist/{helpers → esm/helpers}/createMediaStyle.js +0 -0
- package/dist/{helpers → esm/helpers}/createMediaStyle.js.map +1 -1
- package/dist/{helpers → esm/helpers}/createPropMapper.js +28 -16
- package/dist/esm/helpers/createPropMapper.js.map +7 -0
- package/dist/{helpers → esm/helpers}/createTamaguiProvider.js +0 -0
- package/dist/{helpers → esm/helpers}/createTamaguiProvider.js.map +1 -1
- package/dist/{helpers → esm/helpers}/extendStaticConfig.js +4 -2
- package/dist/esm/helpers/extendStaticConfig.js.map +7 -0
- package/dist/{helpers → esm/helpers}/fixNativeShadow.js +0 -0
- package/dist/{helpers → esm/helpers}/fixNativeShadow.js.map +1 -1
- package/dist/esm/helpers/fixNativeShadow.native.js +34 -0
- package/dist/esm/helpers/fixNativeShadow.native.js.map +7 -0
- package/dist/{helpers → esm/helpers}/getSplitStyles.js +13 -23
- package/dist/esm/helpers/getSplitStyles.js.map +7 -0
- package/dist/{helpers → esm/helpers}/getStylesAtomic.js +2 -1
- package/dist/esm/helpers/getStylesAtomic.js.map +7 -0
- package/dist/{helpers → esm/helpers}/getStylesAtomic.native.js +0 -0
- package/dist/{helpers → esm/helpers}/getStylesAtomic.native.js.map +1 -1
- package/dist/esm/helpers/getThemeParentClassName.js +11 -0
- package/dist/esm/helpers/getThemeParentClassName.js.map +7 -0
- package/dist/{helpers → esm/helpers}/insertStyleRule.js +0 -0
- package/dist/{helpers → esm/helpers}/insertStyleRule.js.map +1 -1
- package/dist/{helpers → esm/helpers}/isObj.js +0 -0
- package/dist/{helpers → esm/helpers}/isObj.js.map +1 -1
- package/dist/esm/helpers/isTamaguiElement.js +11 -0
- package/dist/esm/helpers/isTamaguiElement.js.map +7 -0
- package/dist/{helpers → esm/helpers}/matchMedia.js +3 -0
- package/dist/esm/helpers/matchMedia.js.map +7 -0
- package/dist/{helpers → esm/helpers}/matchMedia.native.js +1 -0
- package/dist/{helpers → esm/helpers}/matchMedia.native.js.map +3 -3
- package/dist/{helpers → esm/helpers}/themeable.js +1 -1
- package/dist/{helpers → esm/helpers}/themeable.js.map +2 -2
- package/dist/esm/helpers/validate.js +60 -0
- package/dist/esm/helpers/validate.js.map +7 -0
- package/dist/{hooks → esm/hooks}/useConstant.js +0 -0
- package/dist/{hooks → esm/hooks}/useConstant.js.map +1 -1
- package/dist/{hooks → esm/hooks}/useFeatures.js +39 -51
- package/dist/esm/hooks/useFeatures.js.map +7 -0
- package/dist/{hooks → esm/hooks}/useMedia.js +10 -6
- package/dist/esm/hooks/useMedia.js.map +7 -0
- package/dist/{hooks → esm/hooks}/usePressable.js +2 -1
- package/dist/{hooks → esm/hooks}/usePressable.js.map +2 -2
- package/dist/{hooks → esm/hooks}/useTheme.js +21 -15
- package/dist/esm/hooks/useTheme.js.map +7 -0
- package/dist/{index.js → esm/index.js} +9 -2
- package/dist/esm/index.js.map +7 -0
- package/dist/{static → esm/static}/postProcessStyles.js +0 -0
- package/dist/{static → esm/static}/postProcessStyles.js.map +1 -1
- package/dist/{static.js → esm/static.js} +0 -0
- package/dist/{static.js.map → esm/static.js.map} +1 -1
- package/dist/{styled.js → esm/styled.js} +0 -0
- package/dist/esm/styled.js.map +7 -0
- package/dist/{types.js → esm/types.js} +0 -0
- package/dist/{types.js.map → esm/types.js.map} +0 -0
- package/dist/{views → esm/views}/Animated.js +0 -0
- package/dist/{views → esm/views}/Animated.js.map +1 -1
- package/dist/{views → esm/views}/Stack.js +0 -0
- package/dist/{views → esm/views}/Stack.js.map +1 -1
- package/dist/{views → esm/views}/Text.js +2 -2
- package/dist/esm/views/Text.js.map +7 -0
- package/dist/esm/views/TextAncestorContext.js +18 -0
- package/dist/esm/views/TextAncestorContext.js.map +7 -0
- package/dist/{views → esm/views}/Theme.js +27 -14
- package/dist/esm/views/Theme.js.map +7 -0
- package/dist/{views → esm/views}/ThemeContext.js +0 -0
- package/dist/{views → esm/views}/ThemeContext.js.map +1 -1
- package/dist/{views → esm/views}/ThemeInverse.js +0 -1
- package/dist/{views → esm/views}/ThemeInverse.js.map +3 -3
- package/dist/{views → esm/views}/ThemeManagerContext.js +15 -8
- package/dist/esm/views/ThemeManagerContext.js.map +7 -0
- package/dist/{views → esm/views}/ThemeProvider.js +3 -3
- package/dist/esm/views/ThemeProvider.js.map +7 -0
- package/dist/jsx/conf.js +28 -0
- package/dist/jsx/constants/constants.js +17 -0
- package/dist/jsx/constants/platform.js +19 -0
- package/dist/jsx/constants/pseudos.js +17 -0
- package/dist/jsx/constants/rnw.js +21 -0
- package/dist/jsx/createComponent.js +467 -0
- package/dist/jsx/createFont.js +27 -0
- package/dist/jsx/createShorthands.js +9 -0
- package/dist/jsx/createTamagui.js +165 -0
- package/dist/jsx/createTheme.js +6 -0
- package/dist/jsx/createTokens.js +32 -0
- package/dist/jsx/createVariable.js +24 -0
- package/dist/jsx/getThemeParentClassName.js +10 -0
- package/dist/jsx/helpers/addStylesUsingClassname.js +56 -0
- package/dist/jsx/helpers/createMediaStyle.js +33 -0
- package/dist/jsx/helpers/createPropMapper.js +164 -0
- package/dist/jsx/helpers/createTamaguiProvider.js +19 -0
- package/dist/jsx/helpers/extendStaticConfig.js +60 -0
- package/dist/jsx/helpers/fixNativeShadow.js +7 -0
- package/dist/jsx/helpers/fixNativeShadow.native.js +33 -0
- package/dist/jsx/helpers/getSplitStyles.js +149 -0
- package/dist/jsx/helpers/getStylesAtomic.js +83 -0
- package/dist/jsx/helpers/getStylesAtomic.native.js +9 -0
- package/dist/jsx/helpers/getThemeParentClassName.js +10 -0
- package/dist/jsx/helpers/insertStyleRule.js +23 -0
- package/dist/jsx/helpers/isObj.js +6 -0
- package/dist/jsx/helpers/isTamaguiElement.js +10 -0
- package/dist/jsx/helpers/matchMedia.js +17 -0
- package/dist/jsx/helpers/matchMedia.native.js +8 -0
- package/dist/jsx/helpers/themeable.js +23 -0
- package/dist/jsx/helpers/validate.js +59 -0
- package/dist/jsx/hooks/useConstant.js +14 -0
- package/dist/jsx/hooks/useFeatures.js +57 -0
- package/dist/jsx/hooks/useMedia.js +174 -0
- package/dist/jsx/hooks/usePressable.js +13 -0
- package/dist/jsx/hooks/useTheme.js +98 -0
- package/dist/jsx/index.js +38 -0
- package/dist/jsx/static/postProcessStyles.js +17 -0
- package/dist/jsx/static.js +14 -0
- package/dist/jsx/styled.js +20 -0
- package/dist/jsx/types.js +0 -0
- package/dist/jsx/views/Animated.js +74 -0
- package/dist/jsx/views/Stack.js +11 -0
- package/dist/jsx/views/Text.js +59 -0
- package/dist/jsx/views/TextAncestorContext.js +15 -0
- package/dist/jsx/views/Theme.js +63 -0
- package/dist/jsx/views/ThemeContext.js +5 -0
- package/dist/jsx/views/ThemeInverse.js +22 -0
- package/dist/jsx/views/ThemeManagerContext.js +61 -0
- package/dist/jsx/views/ThemeProvider.js +39 -0
- package/package.json +17 -19
- package/types/conf.d.ts +44 -0
- package/types/conf.d.ts.map +1 -0
- package/{dist/packages/core/src → types}/constants/constants.d.ts +2 -0
- package/types/constants/constants.d.ts.map +1 -0
- package/{dist/packages/core/src → types}/constants/platform.d.ts +0 -0
- package/types/constants/platform.d.ts.map +1 -0
- package/{dist/packages/core/src → types}/constants/pseudos.d.ts +0 -0
- package/types/constants/pseudos.d.ts.map +1 -0
- package/{dist/packages/core/src → types}/constants/rnw.d.ts +0 -0
- package/types/constants/rnw.d.ts.map +1 -0
- package/types/createComponent.d.ts +17 -0
- package/types/createComponent.d.ts.map +1 -0
- package/types/createFont.d.ts +3 -0
- package/types/createFont.d.ts.map +1 -0
- package/{dist/packages/core/src → types}/createShorthands.d.ts +0 -0
- package/types/createShorthands.d.ts.map +1 -0
- package/types/createTamagui.d.ts +13 -0
- package/types/createTamagui.d.ts.map +1 -0
- package/types/createTheme.d.ts +7 -0
- package/types/createTheme.d.ts.map +1 -0
- package/{dist/packages/core/src → types}/createTokens.d.ts +24 -14
- package/types/createTokens.d.ts.map +1 -0
- package/{dist/packages/core/src → types}/createVariable.d.ts +1 -0
- package/types/createVariable.d.ts.map +1 -0
- package/types/helpers/addStylesUsingClassname.d.ts +3 -0
- package/types/helpers/addStylesUsingClassname.d.ts.map +1 -0
- package/{dist/packages/core/src → types}/helpers/createMediaStyle.d.ts +0 -0
- package/types/helpers/createMediaStyle.d.ts.map +1 -0
- package/types/helpers/createPropMapper.d.ts +3 -0
- package/types/helpers/createPropMapper.d.ts.map +1 -0
- package/{dist/packages/core/src → types}/helpers/createTamaguiProvider.d.ts +0 -0
- package/types/helpers/createTamaguiProvider.d.ts.map +1 -0
- package/{dist/packages/core/src → types}/helpers/extendStaticConfig.d.ts +1 -1
- package/types/helpers/extendStaticConfig.d.ts.map +1 -0
- package/{dist/packages/core/src → types}/helpers/fixNativeShadow.d.ts +0 -0
- package/types/helpers/fixNativeShadow.d.ts.map +1 -0
- package/types/helpers/fixNativeShadow.native.d.ts +2 -0
- package/types/helpers/fixNativeShadow.native.d.ts.map +1 -0
- package/{dist/packages/core/src → types}/helpers/getSplitStyles.d.ts +0 -0
- package/types/helpers/getSplitStyles.d.ts.map +1 -0
- package/types/helpers/getStylesAtomic.d.ts +3 -0
- package/types/helpers/getStylesAtomic.d.ts.map +1 -0
- package/{dist/packages/core/src → types}/helpers/getStylesAtomic.native.d.ts +0 -0
- package/types/helpers/getStylesAtomic.native.d.ts.map +1 -0
- package/types/helpers/getThemeParentClassName.d.ts +2 -0
- package/types/helpers/getThemeParentClassName.d.ts.map +1 -0
- package/{dist/packages/core/src → types}/helpers/insertStyleRule.d.ts +0 -0
- package/types/helpers/insertStyleRule.d.ts.map +1 -0
- package/types/helpers/isObj.d.ts +2 -0
- package/types/helpers/isObj.d.ts.map +1 -0
- package/types/helpers/isTamaguiElement.d.ts +3 -0
- package/types/helpers/isTamaguiElement.d.ts.map +1 -0
- package/{dist/packages/core/src → types}/helpers/matchMedia.d.ts +0 -0
- package/types/helpers/matchMedia.d.ts.map +1 -0
- package/{dist/packages/core/src → types}/helpers/matchMedia.native.d.ts +0 -0
- package/types/helpers/matchMedia.native.d.ts.map +1 -0
- package/{dist/packages/core/src → types}/helpers/themeable.d.ts +0 -0
- package/types/helpers/themeable.d.ts.map +1 -0
- package/types/helpers/validate.d.ts +4 -0
- package/types/helpers/validate.d.ts.map +1 -0
- package/{dist/packages/core/src → types}/hooks/useConstant.d.ts +0 -0
- package/types/hooks/useConstant.d.ts.map +1 -0
- package/{dist/packages/core/src → types}/hooks/useFeatures.d.ts +0 -0
- package/types/hooks/useFeatures.d.ts.map +1 -0
- package/{dist/packages/core/src → types}/hooks/useMedia.d.ts +0 -0
- package/types/hooks/useMedia.d.ts.map +1 -0
- package/{dist/packages/core/src → types}/hooks/usePressable.d.ts +0 -0
- package/types/hooks/usePressable.d.ts.map +1 -0
- package/types/hooks/useTheme.d.ts +7 -0
- package/types/hooks/useTheme.d.ts.map +1 -0
- package/{dist/packages/core/src → types}/index.d.ts +5 -1
- package/types/index.d.ts.map +1 -0
- package/{dist/packages/core/src → types}/static/postProcessStyles.d.ts +0 -0
- package/types/static/postProcessStyles.d.ts.map +1 -0
- package/{dist/packages/core/src → types}/static.d.ts +3 -0
- package/types/static.d.ts.map +1 -0
- package/types/styled.d.ts +21 -0
- package/types/styled.d.ts.map +1 -0
- package/{dist/packages/core/src → types}/types.d.ts +88 -70
- package/types/types.d.ts.map +1 -0
- package/{dist/packages/core/src → types}/views/Animated.d.ts +0 -0
- package/types/views/Animated.d.ts.map +1 -0
- package/{dist/packages/core/src → types}/views/Stack.d.ts +0 -0
- package/types/views/Stack.d.ts.map +1 -0
- package/types/views/Text.d.ts +3 -0
- package/types/views/Text.d.ts.map +1 -0
- package/types/views/TextAncestorContext.d.ts +5 -0
- package/types/views/TextAncestorContext.d.ts.map +1 -0
- package/{dist/packages/core/src → types}/views/Theme.d.ts +1 -1
- package/types/views/Theme.d.ts.map +1 -0
- package/{dist/packages/core/src → types}/views/ThemeContext.d.ts +0 -0
- package/types/views/ThemeContext.d.ts.map +1 -0
- package/{dist/packages/core/src → types}/views/ThemeInverse.d.ts +0 -0
- package/types/views/ThemeInverse.d.ts.map +1 -0
- package/types/views/ThemeManagerContext.d.ts +22 -0
- package/types/views/ThemeManagerContext.d.ts.map +1 -0
- package/{dist/packages/core/src → types}/views/ThemeProvider.d.ts +0 -1
- package/types/views/ThemeProvider.d.ts.map +1 -0
- package/dist/constants/constants.js.map +0 -7
- package/dist/constants/styleConstants.js +0 -46
- package/dist/constants/styleConstants.js.map +0 -7
- package/dist/createComponent.js.map +0 -7
- package/dist/createFont.js.map +0 -7
- package/dist/createTamagui.js +0 -159
- package/dist/createTamagui.js.map +0 -7
- package/dist/createTheme.js +0 -20
- package/dist/createTheme.js.map +0 -7
- package/dist/createTokens.js.map +0 -7
- package/dist/helpers/createPropMapper.js.map +0 -7
- package/dist/helpers/extendStaticConfig.js.map +0 -7
- package/dist/helpers/fixNativeShadow.native.js +0 -30
- package/dist/helpers/fixNativeShadow.native.js.map +0 -7
- package/dist/helpers/getSplitStyles.js.map +0 -7
- package/dist/helpers/getStylesAtomic.js.map +0 -7
- package/dist/helpers/matchMedia.js.map +0 -7
- package/dist/helpers/pseudos.js +0 -1
- package/dist/helpers/pseudos.js.map +0 -7
- package/dist/hooks/useFeatures.js.map +0 -7
- package/dist/hooks/useForceUpdate.js +0 -28
- package/dist/hooks/useForceUpdate.js.map +0 -7
- package/dist/hooks/useMedia.js.map +0 -7
- package/dist/hooks/useTheme.js.map +0 -7
- package/dist/index.cjs +0 -2103
- package/dist/index.cjs.map +0 -7
- package/dist/index.js.map +0 -7
- package/dist/packages/core/src/constants/constants.d.ts.map +0 -1
- package/dist/packages/core/src/constants/platform.d.ts.map +0 -1
- package/dist/packages/core/src/constants/pseudos.d.ts.map +0 -1
- package/dist/packages/core/src/constants/rnw.d.ts.map +0 -1
- package/dist/packages/core/src/createComponent.d.ts +0 -16
- package/dist/packages/core/src/createComponent.d.ts.map +0 -1
- package/dist/packages/core/src/createShorthands.d.ts.map +0 -1
- package/dist/packages/core/src/createTamagui.d.ts +0 -37
- package/dist/packages/core/src/createTamagui.d.ts.map +0 -1
- package/dist/packages/core/src/createTheme.d.ts +0 -5
- package/dist/packages/core/src/createTheme.d.ts.map +0 -1
- package/dist/packages/core/src/createTokens.d.ts.map +0 -1
- package/dist/packages/core/src/createVariable.d.ts.map +0 -1
- package/dist/packages/core/src/helpers/addStylesUsingClassname.d.ts +0 -2
- package/dist/packages/core/src/helpers/addStylesUsingClassname.d.ts.map +0 -1
- package/dist/packages/core/src/helpers/createMediaStyle.d.ts.map +0 -1
- package/dist/packages/core/src/helpers/createTamaguiProvider.d.ts.map +0 -1
- package/dist/packages/core/src/helpers/extendStaticConfig.d.ts.map +0 -1
- package/dist/packages/core/src/helpers/fixNativeShadow.d.ts.map +0 -1
- package/dist/packages/core/src/helpers/fixNativeShadow.native.d.ts +0 -2
- package/dist/packages/core/src/helpers/fixNativeShadow.native.d.ts.map +0 -1
- package/dist/packages/core/src/helpers/getSplitStyles.d.ts.map +0 -1
- package/dist/packages/core/src/helpers/getStylesAtomic.d.ts +0 -3
- package/dist/packages/core/src/helpers/getStylesAtomic.d.ts.map +0 -1
- package/dist/packages/core/src/helpers/getStylesAtomic.native.d.ts.map +0 -1
- package/dist/packages/core/src/helpers/insertStyleRule.d.ts.map +0 -1
- package/dist/packages/core/src/helpers/matchMedia.d.ts.map +0 -1
- package/dist/packages/core/src/helpers/matchMedia.native.d.ts.map +0 -1
- package/dist/packages/core/src/helpers/themeable.d.ts.map +0 -1
- package/dist/packages/core/src/hooks/useConstant.d.ts.map +0 -1
- package/dist/packages/core/src/hooks/useFeatures.d.ts.map +0 -1
- package/dist/packages/core/src/hooks/useForceUpdate.d.ts +0 -2
- package/dist/packages/core/src/hooks/useForceUpdate.d.ts.map +0 -1
- package/dist/packages/core/src/hooks/useMedia.d.ts.map +0 -1
- package/dist/packages/core/src/hooks/usePressable.d.ts.map +0 -1
- package/dist/packages/core/src/hooks/useTheme.d.ts +0 -18
- package/dist/packages/core/src/hooks/useTheme.d.ts.map +0 -1
- package/dist/packages/core/src/index.d.ts.map +0 -1
- package/dist/packages/core/src/static/postProcessStyles.d.ts.map +0 -1
- package/dist/packages/core/src/static.d.ts.map +0 -1
- package/dist/packages/core/src/styled.d.ts +0 -16
- package/dist/packages/core/src/styled.d.ts.map +0 -1
- package/dist/packages/core/src/types.d.ts.map +0 -1
- package/dist/packages/core/src/views/Animated.d.ts.map +0 -1
- package/dist/packages/core/src/views/Stack.d.ts.map +0 -1
- package/dist/packages/core/src/views/Text.d.ts +0 -3
- package/dist/packages/core/src/views/Text.d.ts.map +0 -1
- package/dist/packages/core/src/views/TextAncestorContext.d.ts +0 -3
- package/dist/packages/core/src/views/TextAncestorContext.d.ts.map +0 -1
- package/dist/packages/core/src/views/Theme.d.ts.map +0 -1
- package/dist/packages/core/src/views/ThemeContext.d.ts.map +0 -1
- package/dist/packages/core/src/views/ThemeInverse.d.ts.map +0 -1
- package/dist/packages/core/src/views/ThemeManagerContext.d.ts +0 -15
- package/dist/packages/core/src/views/ThemeManagerContext.d.ts.map +0 -1
- package/dist/packages/core/src/views/ThemeProvider.d.ts.map +0 -1
- package/dist/packages/helpers/src/AllRules.d.ts +0 -3
- package/dist/packages/helpers/src/AllRules.d.ts.map +0 -1
- package/dist/packages/helpers/src/concatClassName.d.ts +0 -2
- package/dist/packages/helpers/src/concatClassName.d.ts.map +0 -1
- package/dist/packages/helpers/src/index.d.ts +0 -5
- package/dist/packages/helpers/src/index.d.ts.map +0 -1
- package/dist/packages/helpers/src/types.d.ts +0 -8
- package/dist/packages/helpers/src/types.d.ts.map +0 -1
- package/dist/packages/helpers/src/validStyleProps.d.ts +0 -475
- package/dist/packages/helpers/src/validStyleProps.d.ts.map +0 -1
- package/dist/styled.js.map +0 -7
- package/dist/views/SafeAreaProvider.js +0 -30
- package/dist/views/SafeAreaProvider.js.map +0 -7
- package/dist/views/Text.js.map +0 -7
- package/dist/views/TextAncestorContext.js +0 -18
- package/dist/views/TextAncestorContext.js.map +0 -7
- package/dist/views/Theme.js.map +0 -7
- package/dist/views/ThemeManagerContext.js.map +0 -7
- package/dist/views/ThemeProvider.js.map +0 -7
- package/src/constants/constants.ts +0 -12
- package/src/constants/platform.ts +0 -15
- package/src/constants/pseudos.ts +0 -14
- package/src/constants/rnw.tsx +0 -20
- package/src/createComponent.tsx +0 -597
- package/src/createFont.ts +0 -26
- package/src/createShorthands.ts +0 -5
- package/src/createTamagui.ts +0 -207
- package/src/createTheme.ts +0 -19
- package/src/createTokens.ts +0 -83
- package/src/createVariable.ts +0 -22
- package/src/helpers/addStylesUsingClassname.tsx +0 -60
- package/src/helpers/createMediaStyle.ts +0 -46
- package/src/helpers/createPropMapper.ts +0 -184
- package/src/helpers/createTamaguiProvider.tsx +0 -22
- package/src/helpers/extendStaticConfig.ts +0 -68
- package/src/helpers/fixNativeShadow.native.tsx +0 -27
- package/src/helpers/fixNativeShadow.tsx +0 -2
- package/src/helpers/getSplitStyles.tsx +0 -210
- package/src/helpers/getStylesAtomic.native.ts +0 -3
- package/src/helpers/getStylesAtomic.ts +0 -103
- package/src/helpers/insertStyleRule.tsx +0 -18
- package/src/helpers/isObj.ts +0 -1
- package/src/helpers/matchMedia.native.ts +0 -3
- package/src/helpers/matchMedia.ts +0 -9
- package/src/helpers/themeable.tsx +0 -42
- package/src/hooks/useConstant.tsx +0 -10
- package/src/hooks/useFeatures.tsx +0 -78
- package/src/hooks/useMedia.tsx +0 -194
- package/src/hooks/usePressable.tsx +0 -9
- package/src/hooks/useTheme.tsx +0 -107
- package/src/index.ts +0 -32
- package/src/static/postProcessStyles.tsx +0 -20
- package/src/static.ts +0 -22
- package/src/styled.ts +0 -82
- package/src/types.tsx +0 -561
- package/src/views/Animated.tsx +0 -121
- package/src/views/SafeAreaProvider.tsx +0 -33
- package/src/views/Stack.tsx +0 -21
- package/src/views/Text.tsx +0 -66
- package/src/views/TextAncestorContext.tsx +0 -12
- package/src/views/Theme.tsx +0 -73
- package/src/views/ThemeContext.tsx +0 -5
- package/src/views/ThemeInverse.tsx +0 -23
- package/src/views/ThemeManagerContext.tsx +0 -50
- package/src/views/ThemeProvider.tsx +0 -52
- package/types.d.ts +0 -557
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
+
import { useForceUpdate } from "@tamagui/use-force-update";
|
|
4
|
+
import { useContext, useEffect, useMemo, useRef, useState } from "react";
|
|
5
|
+
import { GET_DEFAULT_THEME } from "../constants/constants";
|
|
6
|
+
import { useIsomorphicLayoutEffect } from "../constants/platform";
|
|
7
|
+
import { Variable } from "../createVariable";
|
|
8
|
+
import { ThemeContext } from "../views/ThemeContext";
|
|
9
|
+
import { ThemeManagerContext } from "../views/ThemeManagerContext";
|
|
10
|
+
const areEqualSets = /* @__PURE__ */ __name((a, b) => {
|
|
11
|
+
if (a.size !== b.size)
|
|
12
|
+
return false;
|
|
13
|
+
for (const val in a) {
|
|
14
|
+
if (!b.has(val)) {
|
|
15
|
+
return false;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
return true;
|
|
19
|
+
}, "areEqualSets");
|
|
20
|
+
const useThemeName = /* @__PURE__ */ __name((opts) => {
|
|
21
|
+
const parent = useContext(ThemeManagerContext);
|
|
22
|
+
const [name, setName] = useState(parent.name);
|
|
23
|
+
useIsomorphicLayoutEffect(() => {
|
|
24
|
+
return parent.onChangeTheme((next, manager) => {
|
|
25
|
+
setName((opts == null ? void 0 : opts.parent) ? manager.parentName : next);
|
|
26
|
+
});
|
|
27
|
+
}, [parent]);
|
|
28
|
+
return name || "light";
|
|
29
|
+
}, "useThemeName");
|
|
30
|
+
const useDefaultThemeName = /* @__PURE__ */ __name(() => {
|
|
31
|
+
return useContext(ThemeContext)[GET_DEFAULT_THEME];
|
|
32
|
+
}, "useDefaultThemeName");
|
|
33
|
+
const useTheme = /* @__PURE__ */ __name(() => {
|
|
34
|
+
var _a, _b;
|
|
35
|
+
const forceUpdate = useForceUpdate();
|
|
36
|
+
const manager = useContext(ThemeManagerContext);
|
|
37
|
+
const themes = useContext(ThemeContext) || {};
|
|
38
|
+
const state = useRef();
|
|
39
|
+
if (!state.current) {
|
|
40
|
+
state.current = {
|
|
41
|
+
uuid: {},
|
|
42
|
+
keys: /* @__PURE__ */ new Set(),
|
|
43
|
+
isRendering: true
|
|
44
|
+
};
|
|
45
|
+
}
|
|
46
|
+
state.current.isRendering = true;
|
|
47
|
+
useIsomorphicLayoutEffect(() => {
|
|
48
|
+
const st = state.current;
|
|
49
|
+
st.isRendering = false;
|
|
50
|
+
const cur = manager.keys.get(st.uuid);
|
|
51
|
+
if (!cur || !areEqualSets(st.keys, cur)) {
|
|
52
|
+
manager.track(st.uuid, st.keys);
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
useEffect(() => {
|
|
56
|
+
return manager.onUpdate(state.current.uuid, forceUpdate);
|
|
57
|
+
}, []);
|
|
58
|
+
const theme = (_b = (_a = manager.name ? themes[manager.name] : themes.light) != null ? _a : themes.light) != null ? _b : {};
|
|
59
|
+
return useMemo(() => {
|
|
60
|
+
return new Proxy(theme, {
|
|
61
|
+
get(_, key) {
|
|
62
|
+
const name = manager.name;
|
|
63
|
+
if (!name) {
|
|
64
|
+
return Reflect.get(_, key);
|
|
65
|
+
}
|
|
66
|
+
let activeTheme = themes[name];
|
|
67
|
+
if (!activeTheme) {
|
|
68
|
+
if (process.env.NODE_ENV !== "test") {
|
|
69
|
+
console.error("No theme by name", name, "only:", themes, "keeping current theme");
|
|
70
|
+
}
|
|
71
|
+
activeTheme = theme;
|
|
72
|
+
}
|
|
73
|
+
const val = activeTheme[key];
|
|
74
|
+
if (process.env.NODE_ENV === "development") {
|
|
75
|
+
if (typeof val === "undefined") {
|
|
76
|
+
console.warn(`No theme value "${String(key)}" in`, activeTheme, themes);
|
|
77
|
+
return null;
|
|
78
|
+
}
|
|
79
|
+
if (!(val instanceof Variable)) {
|
|
80
|
+
console.warn("Non variable!", val);
|
|
81
|
+
}
|
|
82
|
+
if (val.name !== key) {
|
|
83
|
+
console.warn("Non-matching name for variable to key", key, val.name);
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
if (state.current.isRendering) {
|
|
87
|
+
state.current.keys.add(key);
|
|
88
|
+
}
|
|
89
|
+
return val;
|
|
90
|
+
}
|
|
91
|
+
});
|
|
92
|
+
}, []);
|
|
93
|
+
}, "useTheme");
|
|
94
|
+
export {
|
|
95
|
+
useDefaultThemeName,
|
|
96
|
+
useTheme,
|
|
97
|
+
useThemeName
|
|
98
|
+
};
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
export * from "./createComponent";
|
|
2
|
+
export * from "./createShorthands";
|
|
3
|
+
export * from "./createTheme";
|
|
4
|
+
export * from "./createTamagui";
|
|
5
|
+
export * from "./createFont";
|
|
6
|
+
import { createTokens } from "./createTokens";
|
|
7
|
+
export * from "./createVariable";
|
|
8
|
+
export * from "./styled";
|
|
9
|
+
export * from "./types";
|
|
10
|
+
import { getHasConfigured, getTamagui, getThemes, getTokens, onConfiguredOnce } from "./conf";
|
|
11
|
+
export * from "./constants/pseudos";
|
|
12
|
+
export * from "./constants/constants";
|
|
13
|
+
export * from "./constants/platform";
|
|
14
|
+
export * from "./constants/rnw";
|
|
15
|
+
export * from "./helpers/getThemeParentClassName";
|
|
16
|
+
export * from "./helpers/isObj";
|
|
17
|
+
export * from "./helpers/getStylesAtomic";
|
|
18
|
+
export * from "./helpers/matchMedia";
|
|
19
|
+
export * from "./helpers/themeable";
|
|
20
|
+
export * from "./helpers/isTamaguiElement";
|
|
21
|
+
export * from "./hooks/useConstant";
|
|
22
|
+
export * from "./hooks/useMedia";
|
|
23
|
+
export * from "./hooks/useTheme";
|
|
24
|
+
export * from "./views/Animated";
|
|
25
|
+
export * from "./views/Stack";
|
|
26
|
+
export * from "./views/Text";
|
|
27
|
+
export * from "./views/Theme";
|
|
28
|
+
export * from "./views/ThemeInverse";
|
|
29
|
+
export * from "./views/ThemeProvider";
|
|
30
|
+
export * from "./views/TextAncestorContext";
|
|
31
|
+
export {
|
|
32
|
+
createTokens,
|
|
33
|
+
getHasConfigured,
|
|
34
|
+
getTamagui,
|
|
35
|
+
getThemes,
|
|
36
|
+
getTokens,
|
|
37
|
+
onConfiguredOnce
|
|
38
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
+
import { getSplitStyles } from "../helpers/getSplitStyles";
|
|
4
|
+
const postProcessStyles = /* @__PURE__ */ __name((inStyles, staticConfig, theme) => {
|
|
5
|
+
const { style, viewProps, pseudos, classNames } = getSplitStyles(inStyles, staticConfig, theme);
|
|
6
|
+
const next = {};
|
|
7
|
+
for (const s of style) {
|
|
8
|
+
if (!s)
|
|
9
|
+
continue;
|
|
10
|
+
Object.assign(next, s);
|
|
11
|
+
}
|
|
12
|
+
Object.assign(next, pseudos);
|
|
13
|
+
return { style: next, viewProps, classNames };
|
|
14
|
+
}, "postProcessStyles");
|
|
15
|
+
export {
|
|
16
|
+
postProcessStyles
|
|
17
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export * from "./styled";
|
|
2
|
+
export * from "./createComponent";
|
|
3
|
+
export * from "./createFont";
|
|
4
|
+
export * from "./createTokens";
|
|
5
|
+
export * from "./createTamagui";
|
|
6
|
+
export * from "./constants/constants";
|
|
7
|
+
export * from "./hooks/useMedia";
|
|
8
|
+
export * from "./hooks/useTheme";
|
|
9
|
+
export * from "./helpers/isObj";
|
|
10
|
+
export * from "./helpers/getStylesAtomic";
|
|
11
|
+
export * from "./helpers/getSplitStyles";
|
|
12
|
+
export * from "@tamagui/helpers";
|
|
13
|
+
export * from "./constants/pseudos";
|
|
14
|
+
export * from "./static/postProcessStyles";
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
+
import { createComponent } from "./createComponent";
|
|
4
|
+
import { extendStaticConfig } from "./helpers/extendStaticConfig";
|
|
5
|
+
function styled(Component, options, staticExtractionOptions) {
|
|
6
|
+
const staticConfigProps = (() => {
|
|
7
|
+
if (options) {
|
|
8
|
+
const { variants, ...defaultProps } = options;
|
|
9
|
+
return { ...staticExtractionOptions, variants, defaultProps };
|
|
10
|
+
}
|
|
11
|
+
return {};
|
|
12
|
+
})();
|
|
13
|
+
const config = extendStaticConfig(Component, staticConfigProps);
|
|
14
|
+
const component = createComponent(config);
|
|
15
|
+
return component;
|
|
16
|
+
}
|
|
17
|
+
__name(styled, "styled");
|
|
18
|
+
export {
|
|
19
|
+
styled
|
|
20
|
+
};
|
|
File without changes
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
+
import { useMemo } from "react";
|
|
4
|
+
import {
|
|
5
|
+
Animated
|
|
6
|
+
} from "react-native";
|
|
7
|
+
import { useIsomorphicLayoutEffect } from "../constants/platform";
|
|
8
|
+
import { useConstant } from "../hooks/useConstant";
|
|
9
|
+
import { Stack } from "./Stack";
|
|
10
|
+
const defaultAnimation = {
|
|
11
|
+
from: {
|
|
12
|
+
opacity: 0,
|
|
13
|
+
translateY: 12
|
|
14
|
+
},
|
|
15
|
+
to: {
|
|
16
|
+
opacity: 1,
|
|
17
|
+
translateY: 0
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
const styleKeys = {
|
|
21
|
+
opacity: true,
|
|
22
|
+
backgroundColor: true,
|
|
23
|
+
borderColor: true
|
|
24
|
+
};
|
|
25
|
+
const AnimatedStack = /* @__PURE__ */ __name(({
|
|
26
|
+
animateState = "in",
|
|
27
|
+
animation = defaultAnimation,
|
|
28
|
+
velocity = 6,
|
|
29
|
+
children,
|
|
30
|
+
animated,
|
|
31
|
+
...props
|
|
32
|
+
}) => {
|
|
33
|
+
const driver = useConstant(() => {
|
|
34
|
+
return new Animated.Value(0);
|
|
35
|
+
});
|
|
36
|
+
const animatedProps = useMemo(() => {
|
|
37
|
+
if (!animated) {
|
|
38
|
+
return null;
|
|
39
|
+
}
|
|
40
|
+
const styleProps = {};
|
|
41
|
+
const transform = [];
|
|
42
|
+
for (const key in animation.from) {
|
|
43
|
+
const fromVal = animation.from[key];
|
|
44
|
+
const toVal = animation.to[key];
|
|
45
|
+
const interpolatedVal = driver.interpolate({
|
|
46
|
+
inputRange: [0, 1],
|
|
47
|
+
outputRange: [fromVal, toVal]
|
|
48
|
+
});
|
|
49
|
+
if (styleKeys[key]) {
|
|
50
|
+
styleProps[key] = interpolatedVal;
|
|
51
|
+
} else {
|
|
52
|
+
transform.push({
|
|
53
|
+
[key]: interpolatedVal
|
|
54
|
+
});
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
return { transform, ...styleProps };
|
|
58
|
+
}, [animated, animateState]);
|
|
59
|
+
useIsomorphicLayoutEffect(() => {
|
|
60
|
+
if (!animated) {
|
|
61
|
+
return;
|
|
62
|
+
}
|
|
63
|
+
Animated.spring(driver, {
|
|
64
|
+
useNativeDriver: true,
|
|
65
|
+
velocity,
|
|
66
|
+
toValue: animateState === "in" ? 1 : 0
|
|
67
|
+
}).start();
|
|
68
|
+
}, [animated, animateState]);
|
|
69
|
+
const childrenMemo = useMemo(() => children, [children]);
|
|
70
|
+
return <Stack animated={animated} {...props} {...animatedProps}>{childrenMemo}</Stack>;
|
|
71
|
+
}, "AnimatedStack");
|
|
72
|
+
export {
|
|
73
|
+
AnimatedStack
|
|
74
|
+
};
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { stylePropsTextOnly, validStyles } from "@tamagui/helpers";
|
|
2
|
+
import { isWeb } from "../constants/platform";
|
|
3
|
+
import { createComponent } from "../createComponent";
|
|
4
|
+
const ellipseStyle = {
|
|
5
|
+
maxWidth: "100%",
|
|
6
|
+
overflow: "hidden",
|
|
7
|
+
textOverflow: "ellipsis",
|
|
8
|
+
whiteSpace: "nowrap"
|
|
9
|
+
};
|
|
10
|
+
const Text = createComponent({
|
|
11
|
+
isText: true,
|
|
12
|
+
defaultProps: {
|
|
13
|
+
display: isWeb ? "inline" : "flex",
|
|
14
|
+
boxSizing: "border-box",
|
|
15
|
+
fontFamily: "System",
|
|
16
|
+
wordWrap: "break-word"
|
|
17
|
+
},
|
|
18
|
+
variants: {
|
|
19
|
+
numberOfLines: {
|
|
20
|
+
1: ellipseStyle,
|
|
21
|
+
"[number]": (lines) => lines > 1 ? { WebkitLineClamp: 1 } : null
|
|
22
|
+
},
|
|
23
|
+
selectable: {
|
|
24
|
+
true: {
|
|
25
|
+
userSelect: "text"
|
|
26
|
+
},
|
|
27
|
+
false: {
|
|
28
|
+
userSelect: "none"
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
pressable: {
|
|
32
|
+
true: {
|
|
33
|
+
cursor: "pointer"
|
|
34
|
+
}
|
|
35
|
+
},
|
|
36
|
+
ellipse: {
|
|
37
|
+
true: isWeb ? ellipseStyle : {
|
|
38
|
+
numberOfLines: 1,
|
|
39
|
+
lineBreakMode: "clip"
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
deoptProps: new Set(isWeb ? [] : ["ellipse"]),
|
|
44
|
+
validStyles: {
|
|
45
|
+
...validStyles,
|
|
46
|
+
...stylePropsTextOnly,
|
|
47
|
+
...isWeb && {
|
|
48
|
+
userSelect: true,
|
|
49
|
+
textOverflow: true,
|
|
50
|
+
whiteSpace: true,
|
|
51
|
+
wordWrap: true,
|
|
52
|
+
selectable: true,
|
|
53
|
+
cursor: true
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
});
|
|
57
|
+
export {
|
|
58
|
+
Text
|
|
59
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
+
var _a, _b;
|
|
4
|
+
import { createContext } from "react";
|
|
5
|
+
import { rnw } from "../constants/rnw";
|
|
6
|
+
const FallbackNativeContext = createContext(false);
|
|
7
|
+
const TextAncestorContext = (_b = (_a = rnw) == null ? void 0 : _a.TextAncestorContext) != null ? _b : FallbackNativeContext;
|
|
8
|
+
const TextAncestorProvider = /* @__PURE__ */ __name((props) => {
|
|
9
|
+
return <TextAncestorContext.Provider value={false}>{props.children}</TextAncestorContext.Provider>;
|
|
10
|
+
}, "TextAncestorProvider");
|
|
11
|
+
export {
|
|
12
|
+
FallbackNativeContext,
|
|
13
|
+
TextAncestorContext,
|
|
14
|
+
TextAncestorProvider
|
|
15
|
+
};
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
+
import { useContext, useState } from "react";
|
|
4
|
+
import { isWeb, useIsomorphicLayoutEffect } from "../constants/platform";
|
|
5
|
+
import { getThemeParentClassName } from "../helpers/getThemeParentClassName";
|
|
6
|
+
import { useConstant } from "../hooks/useConstant";
|
|
7
|
+
import { ThemeContext } from "./ThemeContext";
|
|
8
|
+
import { ThemeManager, ThemeManagerContext } from "./ThemeManagerContext";
|
|
9
|
+
const Theme = /* @__PURE__ */ __name((props) => {
|
|
10
|
+
var _a, _b;
|
|
11
|
+
const parent = useContext(ThemeManagerContext);
|
|
12
|
+
const themes = useContext(ThemeContext);
|
|
13
|
+
const [parentName, setParentName] = useState(parent.name || "light");
|
|
14
|
+
if (!themes) {
|
|
15
|
+
console.warn("Error, no themes in context", props);
|
|
16
|
+
return props.children;
|
|
17
|
+
}
|
|
18
|
+
const nextNameParent = `${props.name}-${parentName}`;
|
|
19
|
+
const nextNameParentParent = `${props.name}-${parent.parentName}`;
|
|
20
|
+
const name = !props.name ? null : props.name in themes ? props.name : nextNameParent in themes ? nextNameParent : nextNameParentParent in themes ? nextNameParentParent : null;
|
|
21
|
+
const theme = name ? themes[name] : null;
|
|
22
|
+
const themeManager = useConstant(() => {
|
|
23
|
+
if (!theme) {
|
|
24
|
+
return null;
|
|
25
|
+
}
|
|
26
|
+
const manager = new ThemeManager();
|
|
27
|
+
if (name) {
|
|
28
|
+
manager.setActiveTheme({ name, theme: themes[name], parentName });
|
|
29
|
+
}
|
|
30
|
+
return manager;
|
|
31
|
+
});
|
|
32
|
+
useIsomorphicLayoutEffect(() => {
|
|
33
|
+
if (!themeManager) {
|
|
34
|
+
return;
|
|
35
|
+
}
|
|
36
|
+
if (name) {
|
|
37
|
+
themeManager.setActiveTheme({ name, theme, parentName });
|
|
38
|
+
}
|
|
39
|
+
return parent.onChangeTheme((next) => {
|
|
40
|
+
if (next) {
|
|
41
|
+
themeManager.setActiveTheme({ name: next, theme: themes[next], parentName });
|
|
42
|
+
setParentName(next);
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
}, [themes, name, parentName]);
|
|
46
|
+
if (!name || !theme) {
|
|
47
|
+
return props.children;
|
|
48
|
+
}
|
|
49
|
+
const contents = themeManager ? <ThemeManagerContext.Provider value={themeManager}>{props.children}</ThemeManagerContext.Provider> : props.children;
|
|
50
|
+
if (isWeb) {
|
|
51
|
+
if (props.disableThemeClass) {
|
|
52
|
+
return contents;
|
|
53
|
+
}
|
|
54
|
+
if (name) {
|
|
55
|
+
const color = (_b = (_a = themes[name]) == null ? void 0 : _a["color"]) == null ? void 0 : _b["variable"];
|
|
56
|
+
return <div className={getThemeParentClassName(props.name)} style={{ display: "contents", color }}>{contents}</div>;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
return contents;
|
|
60
|
+
}, "Theme");
|
|
61
|
+
export {
|
|
62
|
+
Theme
|
|
63
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
+
import { useDefaultThemeName, useThemeName } from "../hooks/useTheme";
|
|
4
|
+
import { Theme } from "./Theme";
|
|
5
|
+
let inversions = {
|
|
6
|
+
light: "dark",
|
|
7
|
+
dark: "light"
|
|
8
|
+
};
|
|
9
|
+
function setThemeInversions(next) {
|
|
10
|
+
inversions = next;
|
|
11
|
+
}
|
|
12
|
+
__name(setThemeInversions, "setThemeInversions");
|
|
13
|
+
const ThemeInverse = /* @__PURE__ */ __name((props) => {
|
|
14
|
+
const themeName = useThemeName();
|
|
15
|
+
const defaultTheme = useDefaultThemeName();
|
|
16
|
+
const name = inversions[themeName] || inversions[defaultTheme] || null;
|
|
17
|
+
return <Theme name={name}>{props.children}</Theme>;
|
|
18
|
+
}, "ThemeInverse");
|
|
19
|
+
export {
|
|
20
|
+
ThemeInverse,
|
|
21
|
+
setThemeInversions
|
|
22
|
+
};
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
+
import { createContext } from "react";
|
|
4
|
+
class ThemeManager {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.name = "light";
|
|
7
|
+
this.parentName = null;
|
|
8
|
+
this.keys = /* @__PURE__ */ new Map();
|
|
9
|
+
this.listeners = /* @__PURE__ */ new Map();
|
|
10
|
+
this.themeListeners = /* @__PURE__ */ new Set();
|
|
11
|
+
this.theme = null;
|
|
12
|
+
}
|
|
13
|
+
setActiveTheme({
|
|
14
|
+
name,
|
|
15
|
+
theme,
|
|
16
|
+
parentName
|
|
17
|
+
}) {
|
|
18
|
+
if (name === this.name)
|
|
19
|
+
return;
|
|
20
|
+
this.name = name;
|
|
21
|
+
this.theme = theme;
|
|
22
|
+
this.parentName = parentName || null;
|
|
23
|
+
this.update();
|
|
24
|
+
}
|
|
25
|
+
track(uuid, keys) {
|
|
26
|
+
if (!this.name)
|
|
27
|
+
return;
|
|
28
|
+
this.keys.set(uuid, keys);
|
|
29
|
+
}
|
|
30
|
+
update() {
|
|
31
|
+
var _a;
|
|
32
|
+
if (!this.name) {
|
|
33
|
+
this.keys.clear();
|
|
34
|
+
}
|
|
35
|
+
for (const [uuid, keys] of this.keys.entries()) {
|
|
36
|
+
if (keys.size) {
|
|
37
|
+
(_a = this.listeners.get(uuid)) == null ? void 0 : _a();
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
this.themeListeners.forEach((cb) => cb(this.name, this));
|
|
41
|
+
}
|
|
42
|
+
onChangeTheme(cb) {
|
|
43
|
+
this.themeListeners.add(cb);
|
|
44
|
+
return () => {
|
|
45
|
+
this.themeListeners.delete(cb);
|
|
46
|
+
};
|
|
47
|
+
}
|
|
48
|
+
onUpdate(uuid, cb) {
|
|
49
|
+
this.listeners.set(uuid, cb);
|
|
50
|
+
return () => {
|
|
51
|
+
this.listeners.delete(uuid);
|
|
52
|
+
this.keys.delete(uuid);
|
|
53
|
+
};
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
__name(ThemeManager, "ThemeManager");
|
|
57
|
+
const ThemeManagerContext = createContext(new ThemeManager());
|
|
58
|
+
export {
|
|
59
|
+
ThemeManager,
|
|
60
|
+
ThemeManagerContext
|
|
61
|
+
};
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
+
import { useMemo } from "react";
|
|
4
|
+
import { getHasConfigured } from "../conf";
|
|
5
|
+
import { GET_DEFAULT_THEME } from "../constants/constants";
|
|
6
|
+
import { useIsomorphicLayoutEffect } from "../constants/platform";
|
|
7
|
+
import { getThemeParentClassName } from "../helpers/getThemeParentClassName";
|
|
8
|
+
import { Theme } from "./Theme";
|
|
9
|
+
import { ThemeContext } from "./ThemeContext";
|
|
10
|
+
const ThemeProvider = /* @__PURE__ */ __name((props) => {
|
|
11
|
+
if (!getHasConfigured()) {
|
|
12
|
+
throw new Error(`Missing configureThemes() call, add to your root file`);
|
|
13
|
+
}
|
|
14
|
+
useIsomorphicLayoutEffect(() => {
|
|
15
|
+
if (props.disableRootThemeClass) {
|
|
16
|
+
return;
|
|
17
|
+
}
|
|
18
|
+
if (typeof document !== "undefined") {
|
|
19
|
+
const cns = getThemeParentClassName(`${props.defaultTheme}`).split(" ");
|
|
20
|
+
cns.forEach((cn) => document.body.classList.add(cn));
|
|
21
|
+
return () => {
|
|
22
|
+
cns.forEach((cn) => document.body.classList.remove(cn));
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
}, []);
|
|
26
|
+
const themeContext = useMemo(() => {
|
|
27
|
+
return new Proxy(props.themes, {
|
|
28
|
+
get(target, key) {
|
|
29
|
+
if (key === GET_DEFAULT_THEME)
|
|
30
|
+
return props.defaultTheme;
|
|
31
|
+
return Reflect.get(target, key);
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
}, [props.themes]);
|
|
35
|
+
return <ThemeContext.Provider value={themeContext}><Theme name={props.defaultTheme} disableThemeClass={props.disableRootThemeClass}>{props.children}</Theme></ThemeContext.Provider>;
|
|
36
|
+
}, "ThemeProvider");
|
|
37
|
+
export {
|
|
38
|
+
ThemeProvider
|
|
39
|
+
};
|
package/package.json
CHANGED
|
@@ -1,41 +1,39 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/core",
|
|
3
|
-
"version": "1.0.0-alpha.
|
|
3
|
+
"version": "1.0.0-alpha.55",
|
|
4
4
|
"source": "src/index.ts",
|
|
5
|
-
"main": "dist/
|
|
6
|
-
"module": "dist/
|
|
7
|
-
"typings": "types
|
|
5
|
+
"main": "dist/cjs",
|
|
6
|
+
"module": "dist/esm",
|
|
7
|
+
"typings": "types",
|
|
8
8
|
"scripts": {
|
|
9
9
|
"build": "tamagui-build",
|
|
10
10
|
"watch": "tamagui-build --watch"
|
|
11
11
|
},
|
|
12
12
|
"files": [
|
|
13
|
-
"types
|
|
14
|
-
"dist"
|
|
15
|
-
"src"
|
|
13
|
+
"types",
|
|
14
|
+
"dist"
|
|
16
15
|
],
|
|
17
16
|
"dependencies": {
|
|
18
|
-
"@tamagui/helpers": "^1.0.0-alpha.
|
|
19
|
-
"@tamagui/
|
|
20
|
-
"@tamagui/use-
|
|
17
|
+
"@tamagui/helpers": "^1.0.0-alpha.48",
|
|
18
|
+
"@tamagui/ow": "^0.28.1",
|
|
19
|
+
"@tamagui/use-debounce": "^1.0.0-alpha.44",
|
|
20
|
+
"@tamagui/use-force-update": "^1.0.0-alpha.44",
|
|
21
21
|
"react": "*",
|
|
22
|
-
"react-dom": "*"
|
|
23
|
-
"react-native-safe-area-context": "^3.3.0"
|
|
22
|
+
"react-dom": "*"
|
|
24
23
|
},
|
|
25
24
|
"peerDependencies": {
|
|
26
25
|
"react-native-web": "*"
|
|
27
26
|
},
|
|
28
27
|
"devDependencies": {
|
|
29
|
-
"@tamagui/build": "^1.0.0-alpha.
|
|
28
|
+
"@tamagui/build": "^1.0.0-alpha.44",
|
|
30
29
|
"@types/react": "^17.0.35",
|
|
31
|
-
"
|
|
32
|
-
"
|
|
30
|
+
"csstype": "^3.0.10",
|
|
31
|
+
"esbuild": "^0.13.12",
|
|
32
|
+
"react-native-web": "^0.17.5",
|
|
33
|
+
"typescript": "^4.5.2"
|
|
33
34
|
},
|
|
34
35
|
"publishConfig": {
|
|
35
36
|
"access": "public"
|
|
36
37
|
},
|
|
37
|
-
"
|
|
38
|
-
"node": ">=16"
|
|
39
|
-
},
|
|
40
|
-
"gitHead": "e12f14aa087c41ea5ba3933a05f33fada0be03c0"
|
|
38
|
+
"gitHead": "d9c8dbec240f5e16eb7c52b96ea8bed948e6e299"
|
|
41
39
|
}
|
package/types/conf.d.ts
ADDED
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { ConfigListener, TamaguiInternalConfig } from './types';
|
|
2
|
+
export declare let conf: TamaguiInternalConfig | null;
|
|
3
|
+
export declare const setConfig: (next: TamaguiInternalConfig) => void;
|
|
4
|
+
export declare const getHasConfigured: () => boolean;
|
|
5
|
+
export declare const getTamagui: () => TamaguiInternalConfig<import("./types").CreateTokens<string | number | import("./createVariable").Variable>, {
|
|
6
|
+
[key: string]: {
|
|
7
|
+
bg: string | import("./createVariable").Variable;
|
|
8
|
+
bg2: string | import("./createVariable").Variable;
|
|
9
|
+
bg3: string | import("./createVariable").Variable;
|
|
10
|
+
bg4: string | import("./createVariable").Variable;
|
|
11
|
+
color: string | import("./createVariable").Variable;
|
|
12
|
+
color2: string | import("./createVariable").Variable;
|
|
13
|
+
color3: string | import("./createVariable").Variable;
|
|
14
|
+
color4: string | import("./createVariable").Variable;
|
|
15
|
+
borderColor: string | import("./createVariable").Variable;
|
|
16
|
+
borderColor2: string | import("./createVariable").Variable;
|
|
17
|
+
shadowColor: string | import("./createVariable").Variable;
|
|
18
|
+
shadowColor2: string | import("./createVariable").Variable;
|
|
19
|
+
};
|
|
20
|
+
}, {}, {
|
|
21
|
+
[x: string]: {
|
|
22
|
+
[key: string]: string | number;
|
|
23
|
+
};
|
|
24
|
+
}>;
|
|
25
|
+
export declare const getTokens: () => import("./types").CreateTokens<import("./createVariable").Variable>;
|
|
26
|
+
export declare const getThemes: () => {
|
|
27
|
+
[key: string]: {
|
|
28
|
+
bg: string | import("./createVariable").Variable;
|
|
29
|
+
bg2: string | import("./createVariable").Variable;
|
|
30
|
+
bg3: string | import("./createVariable").Variable;
|
|
31
|
+
bg4: string | import("./createVariable").Variable;
|
|
32
|
+
color: string | import("./createVariable").Variable;
|
|
33
|
+
color2: string | import("./createVariable").Variable;
|
|
34
|
+
color3: string | import("./createVariable").Variable;
|
|
35
|
+
color4: string | import("./createVariable").Variable;
|
|
36
|
+
borderColor: string | import("./createVariable").Variable;
|
|
37
|
+
borderColor2: string | import("./createVariable").Variable;
|
|
38
|
+
shadowColor: string | import("./createVariable").Variable;
|
|
39
|
+
shadowColor2: string | import("./createVariable").Variable;
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
export declare const configListeners: Set<ConfigListener>;
|
|
43
|
+
export declare const onConfiguredOnce: (cb: ConfigListener) => void;
|
|
44
|
+
//# sourceMappingURL=conf.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"conf.d.ts","sourceRoot":"","sources":["../src/conf.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAE/D,eAAO,IAAI,IAAI,EAAE,qBAAqB,GAAG,IAAI,CAAA;AAE7C,eAAO,MAAM,SAAS,SAAU,qBAAqB,SAEpD,CAAA;AAED,eAAO,MAAM,gBAAgB,eAAe,CAAA;AAC5C,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;EAAc,CAAA;AACrC,eAAO,MAAM,SAAS,2EAA2B,CAAA;AACjD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;CAAqB,CAAA;AAE3C,eAAO,MAAM,eAAe,qBAA4B,CAAA;AAExD,eAAO,MAAM,gBAAgB,OAAQ,cAAc,SAMlD,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/constants/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,YAAY,CAAA;AAE1C,eAAO,MAAM,MAAM,YAAY,CAAA;AAE/B,eAAO,MAAM,kBAAkB;;;;;;CAS9B,CAAA"}
|
|
File without changes
|