@tamagui/core 1.0.1-beta.19 → 1.0.1-beta.190
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/Tamagui.js +14 -12
- package/dist/cjs/Tamagui.js.map +2 -2
- package/dist/cjs/addTheme.js +80 -0
- package/dist/cjs/addTheme.js.map +7 -0
- package/dist/cjs/{conf.js → config.js} +33 -19
- package/dist/cjs/config.js.map +7 -0
- package/dist/cjs/constants/constants.js +11 -23
- package/dist/cjs/constants/constants.js.map +2 -2
- package/dist/cjs/{helpers/nativeGestureHandler.js → constants/isDevTools.js} +8 -8
- package/dist/cjs/constants/isDevTools.js.map +7 -0
- package/dist/cjs/constants/platform.js +32 -16
- package/dist/cjs/constants/platform.js.map +2 -2
- package/dist/cjs/constants/platform.native.js +62 -0
- package/dist/cjs/constants/platform.native.js.map +7 -0
- package/dist/cjs/contexts/ButtonInsideButtonContext.js +1 -0
- package/dist/cjs/contexts/ButtonInsideButtonContext.js.map +1 -1
- package/dist/cjs/contexts/FontLanguageContext.js +30 -0
- package/dist/cjs/contexts/FontLanguageContext.js.map +7 -0
- package/dist/cjs/{views → contexts}/TextAncestorContext.js +11 -13
- package/dist/cjs/contexts/TextAncestorContext.js.map +7 -0
- package/dist/cjs/{ThemeContext.js → contexts/ThemeContext.js} +1 -0
- package/dist/cjs/contexts/ThemeContext.js.map +7 -0
- package/dist/cjs/createComponent.js +925 -484
- package/dist/cjs/createComponent.js.map +3 -3
- package/dist/cjs/createFont.js +5 -8
- package/dist/cjs/createFont.js.map +2 -2
- package/dist/cjs/createShorthands.js +1 -2
- package/dist/cjs/createShorthands.js.map +1 -1
- package/dist/cjs/createTamagui.js +129 -177
- package/dist/cjs/createTamagui.js.map +3 -3
- package/dist/cjs/createTheme.js +4 -2
- package/dist/cjs/createTheme.js.map +2 -2
- package/dist/cjs/createTokens.js +5 -25
- package/dist/cjs/createTokens.js.map +2 -2
- package/dist/cjs/createVariable.js +52 -28
- package/dist/cjs/createVariable.js.map +2 -2
- package/dist/cjs/createVariables.js +52 -0
- package/dist/cjs/createVariables.js.map +7 -0
- package/dist/cjs/helpers/RNComponents.js +12 -11
- package/dist/cjs/helpers/RNComponents.js.map +2 -2
- package/dist/cjs/{ThemeManager.js → helpers/ThemeManager.js} +54 -52
- package/dist/cjs/helpers/ThemeManager.js.map +7 -0
- package/dist/cjs/helpers/areEqualSets.js +3 -3
- package/dist/cjs/helpers/areEqualSets.js.map +1 -1
- package/dist/cjs/helpers/assignNativePropsToWeb.js +188 -0
- package/dist/cjs/helpers/assignNativePropsToWeb.js.map +7 -0
- package/dist/cjs/helpers/assignNativePropsToWeb.native.js +30 -0
- package/dist/cjs/helpers/assignNativePropsToWeb.native.js.map +7 -0
- package/dist/cjs/helpers/calc.js +71 -0
- package/dist/cjs/helpers/calc.js.map +7 -0
- package/dist/cjs/helpers/createMediaStyle.js +17 -9
- package/dist/cjs/helpers/createMediaStyle.js.map +2 -2
- package/dist/cjs/helpers/createPropMapper.js +268 -120
- package/dist/cjs/helpers/createPropMapper.js.map +2 -2
- package/dist/cjs/helpers/createShallowUpdate.js +14 -25
- package/dist/cjs/helpers/createShallowUpdate.js.map +2 -2
- package/dist/cjs/helpers/expandStyle.js +90 -0
- package/dist/cjs/helpers/expandStyle.js.map +7 -0
- package/dist/cjs/helpers/expandStyles.js +115 -0
- package/dist/cjs/helpers/expandStyles.js.map +7 -0
- package/dist/cjs/helpers/extendStaticConfig.js +49 -37
- package/dist/cjs/helpers/extendStaticConfig.js.map +2 -2
- package/dist/cjs/helpers/fixNativeShadow.js +3 -3
- package/dist/cjs/helpers/fixNativeShadow.js.map +1 -1
- package/dist/cjs/helpers/getAnimationDriver.js +32 -0
- package/dist/cjs/helpers/getAnimationDriver.js.map +7 -0
- package/dist/cjs/helpers/getExpandedShorthands.js +4 -5
- package/dist/cjs/helpers/getExpandedShorthands.js.map +2 -2
- package/dist/cjs/helpers/{getTextSize.js → getFont.js} +22 -12
- package/dist/cjs/helpers/getFont.js.map +7 -0
- package/dist/cjs/helpers/getFontLanguage.js +29 -0
- package/dist/cjs/helpers/getFontLanguage.js.map +7 -0
- package/dist/cjs/helpers/getSize.js +19 -10
- package/dist/cjs/helpers/getSize.js.map +2 -2
- package/dist/cjs/helpers/getSplitStyles.js +381 -208
- package/dist/cjs/helpers/getSplitStyles.js.map +3 -3
- package/dist/cjs/helpers/getStackSize.js +46 -0
- package/dist/cjs/helpers/getStackSize.js.map +7 -0
- package/dist/cjs/helpers/getStylesAtomic.js +199 -133
- package/dist/cjs/helpers/getStylesAtomic.js.map +3 -3
- package/dist/cjs/helpers/getStylesAtomic.native.js +1 -2
- package/dist/cjs/helpers/getStylesAtomic.native.js.map +1 -1
- package/dist/cjs/helpers/getThemeCSSRules.js +103 -0
- package/dist/cjs/helpers/getThemeCSSRules.js.map +7 -0
- package/dist/cjs/{nativeGestureHandler.native.js → helpers/getThemeCSSRules.native.js} +18 -5
- package/dist/cjs/helpers/getThemeCSSRules.native.js.map +7 -0
- package/dist/cjs/helpers/getVariantExtras.js +88 -0
- package/dist/cjs/helpers/getVariantExtras.js.map +7 -0
- package/dist/cjs/helpers/insertStyleRule.js +87 -52
- package/dist/cjs/helpers/insertStyleRule.js.map +3 -3
- package/dist/cjs/helpers/isObj.js +2 -2
- package/dist/cjs/helpers/isObj.js.map +1 -1
- package/dist/cjs/helpers/isTamaguiComponent.js +37 -0
- package/dist/cjs/helpers/isTamaguiComponent.js.map +7 -0
- package/dist/cjs/helpers/isTamaguiElement.js +5 -5
- package/dist/cjs/helpers/isTamaguiElement.js.map +2 -2
- package/dist/cjs/helpers/matchMedia.js +7 -6
- package/dist/cjs/helpers/matchMedia.js.map +2 -2
- package/dist/cjs/helpers/matchMedia.native.js +6 -3
- package/dist/cjs/helpers/matchMedia.native.js.map +2 -2
- package/dist/cjs/helpers/mergeProps.js +54 -0
- package/dist/cjs/helpers/mergeProps.js.map +7 -0
- package/dist/cjs/helpers/mergeTransform.js +42 -0
- package/dist/cjs/helpers/mergeTransform.js.map +7 -0
- package/dist/cjs/helpers/normalizeColor.js +80 -0
- package/dist/cjs/helpers/normalizeColor.js.map +7 -0
- package/dist/cjs/helpers/normalizeValueWithProperty.js +93 -0
- package/dist/cjs/helpers/normalizeValueWithProperty.js.map +7 -0
- package/dist/cjs/helpers/proxyThemeVariables.js +7 -4
- package/dist/cjs/helpers/proxyThemeVariables.js.map +2 -2
- package/dist/cjs/helpers/pseudoDescriptors.js +42 -0
- package/dist/cjs/helpers/pseudoDescriptors.js.map +7 -0
- package/dist/cjs/helpers/registerCSSVariable.js +40 -0
- package/dist/cjs/helpers/registerCSSVariable.js.map +7 -0
- package/dist/cjs/helpers/{wrapThemeManagerContext.js → startTransition.js} +12 -15
- package/dist/cjs/helpers/startTransition.js.map +7 -0
- package/dist/cjs/helpers/themeable.js +17 -40
- package/dist/cjs/helpers/themeable.js.map +3 -3
- package/dist/cjs/helpers/themes.js +79 -0
- package/dist/cjs/helpers/themes.js.map +7 -0
- package/dist/cjs/helpers/useShallowSetState.js +44 -0
- package/dist/cjs/helpers/useShallowSetState.js.map +7 -0
- package/dist/cjs/helpers/validate.js +1 -122
- package/dist/cjs/helpers/validate.js.map +3 -3
- package/dist/cjs/helpers/withStaticProperties.js +3 -3
- package/dist/cjs/helpers/withStaticProperties.js.map +1 -1
- package/dist/cjs/hooks/getThemeUnwrapped.js +39 -0
- package/dist/cjs/hooks/getThemeUnwrapped.js.map +7 -0
- package/dist/cjs/hooks/useConstant.js +4 -2
- package/dist/cjs/hooks/useConstant.js.map +2 -2
- package/dist/cjs/hooks/useDidFinishSSR.js +60 -0
- package/dist/cjs/hooks/useDidFinishSSR.js.map +7 -0
- package/dist/cjs/hooks/useId.js +3 -33
- package/dist/cjs/hooks/useId.js.map +2 -2
- package/dist/cjs/hooks/useIsMounted.js +3 -4
- package/dist/cjs/hooks/useIsMounted.js.map +2 -2
- package/dist/cjs/hooks/useIsSSR.js +46 -0
- package/dist/cjs/hooks/useIsSSR.js.map +7 -0
- package/dist/cjs/hooks/useIsTouchDevice.js +11 -9
- package/dist/cjs/hooks/useIsTouchDevice.js.map +2 -2
- package/dist/cjs/hooks/useMedia.js +162 -113
- package/dist/cjs/hooks/useMedia.js.map +3 -3
- package/dist/cjs/hooks/usePressable.js +4 -18
- package/dist/cjs/hooks/usePressable.js.map +1 -1
- package/dist/cjs/hooks/useSafeRef.js +60 -0
- package/dist/cjs/hooks/useSafeRef.js.map +7 -0
- package/dist/cjs/hooks/useServerHooks.js +36 -0
- package/dist/cjs/hooks/useServerHooks.js.map +7 -0
- package/dist/cjs/hooks/useTheme.js +166 -132
- package/dist/cjs/hooks/useTheme.js.map +3 -3
- package/dist/cjs/hooks/useUnmountEffect.js +1 -2
- package/dist/cjs/hooks/useUnmountEffect.js.map +1 -1
- package/dist/cjs/index.js +59 -21
- package/dist/cjs/index.js.map +2 -2
- package/dist/cjs/injectStyles.js +40 -0
- package/dist/cjs/injectStyles.js.map +7 -0
- package/dist/cjs/insertFont.js +93 -0
- package/dist/cjs/insertFont.js.map +7 -0
- package/dist/cjs/static.js +22 -15
- package/dist/cjs/static.js.map +2 -2
- package/dist/cjs/styled.js +47 -44
- package/dist/cjs/styled.js.map +2 -2
- package/dist/cjs/types-rnw.js +1 -0
- package/dist/cjs/types-rnw.js.map +2 -2
- package/dist/cjs/types.js +1 -0
- package/dist/cjs/types.js.map +2 -2
- package/dist/cjs/updateTheme.js +47 -0
- package/dist/cjs/updateTheme.js.map +7 -0
- package/dist/cjs/vendor/Pressability.js +32 -0
- package/dist/cjs/vendor/Pressability.js.map +7 -0
- package/dist/cjs/vendor/Pressability.native.js +32 -0
- package/dist/cjs/vendor/Pressability.native.js.map +7 -0
- package/dist/cjs/views/FontLanguage.js +38 -0
- package/dist/cjs/views/FontLanguage.js.map +7 -0
- package/dist/cjs/views/FontLanguage.native.js +38 -0
- package/dist/cjs/views/FontLanguage.native.js.map +7 -0
- package/dist/cjs/{helpers/nativeGestureHandler.native.js → views/FontLanguage.types.js} +4 -5
- package/dist/cjs/views/FontLanguage.types.js.map +7 -0
- package/dist/cjs/views/Slot.js +63 -65
- package/dist/cjs/views/Slot.js.map +2 -2
- package/dist/cjs/views/Stack.js +4 -19
- package/dist/cjs/views/Stack.js.map +1 -1
- package/dist/cjs/views/TamaguiProvider.js +82 -0
- package/dist/cjs/views/TamaguiProvider.js.map +7 -0
- package/dist/cjs/views/Text.js +28 -29
- package/dist/cjs/views/Text.js.map +2 -2
- package/dist/cjs/views/Theme.js +43 -21
- package/dist/cjs/views/Theme.js.map +3 -3
- package/dist/cjs/views/ThemeInverse.js +25 -25
- package/dist/cjs/views/ThemeInverse.js.map +2 -2
- package/dist/cjs/views/ThemeProvider.js +35 -23
- package/dist/cjs/views/ThemeProvider.js.map +3 -3
- package/dist/cjs/views/ThemeReset.js +18 -12
- package/dist/cjs/views/ThemeReset.js.map +3 -3
- package/dist/esm/Tamagui.js +8 -11
- package/dist/esm/Tamagui.js.map +2 -2
- package/dist/esm/addTheme.js +56 -0
- package/dist/esm/addTheme.js.map +7 -0
- package/dist/esm/config.js +45 -0
- package/dist/esm/config.js.map +7 -0
- package/dist/esm/constants/constants.js +2 -2
- package/dist/esm/constants/constants.js.map +2 -2
- package/dist/esm/constants/isDevTools.js +5 -0
- package/dist/esm/constants/isDevTools.js.map +7 -0
- package/dist/esm/constants/platform.js +25 -12
- package/dist/esm/constants/platform.js.map +2 -2
- package/dist/esm/constants/platform.native.js +28 -0
- package/dist/esm/constants/platform.native.js.map +7 -0
- package/dist/esm/contexts/ButtonInsideButtonContext.js +0 -0
- package/dist/esm/contexts/ButtonInsideButtonContext.js.map +1 -1
- package/dist/esm/contexts/FontLanguageContext.js +6 -0
- package/dist/esm/contexts/FontLanguageContext.js.map +7 -0
- package/dist/esm/contexts/TextAncestorContext.js +17 -0
- package/dist/esm/contexts/TextAncestorContext.js.map +7 -0
- package/dist/esm/{ThemeContext.js → contexts/ThemeContext.js} +0 -0
- package/dist/esm/contexts/ThemeContext.js.map +7 -0
- package/dist/esm/createComponent.js +891 -389
- package/dist/esm/createComponent.js.map +3 -3
- package/dist/esm/createFont.js +4 -9
- package/dist/esm/createFont.js.map +2 -2
- package/dist/esm/createShorthands.js +0 -3
- package/dist/esm/createShorthands.js.map +1 -1
- package/dist/esm/createTamagui.js +128 -158
- package/dist/esm/createTamagui.js.map +3 -3
- package/dist/esm/createTheme.js +3 -3
- package/dist/esm/createTheme.js.map +2 -2
- package/dist/esm/createTokens.js +3 -24
- package/dist/esm/createTokens.js.map +2 -2
- package/dist/esm/createVariable.js +47 -26
- package/dist/esm/createVariable.js.map +2 -2
- package/dist/esm/createVariables.js +28 -0
- package/dist/esm/createVariables.js.map +7 -0
- package/dist/esm/helpers/RNComponents.js +11 -8
- package/dist/esm/helpers/RNComponents.js.map +2 -2
- package/dist/esm/{ThemeManager.js → helpers/ThemeManager.js} +53 -53
- package/dist/esm/helpers/ThemeManager.js.map +7 -0
- package/dist/esm/helpers/areEqualSets.js +2 -4
- package/dist/esm/helpers/areEqualSets.js.map +1 -1
- package/dist/esm/helpers/assignNativePropsToWeb.js +164 -0
- package/dist/esm/helpers/assignNativePropsToWeb.js.map +7 -0
- package/dist/esm/helpers/assignNativePropsToWeb.native.js +6 -0
- package/dist/esm/helpers/assignNativePropsToWeb.native.js.map +7 -0
- package/dist/esm/helpers/calc.js +47 -0
- package/dist/esm/helpers/calc.js.map +7 -0
- package/dist/esm/helpers/createMediaStyle.js +16 -10
- package/dist/esm/helpers/createMediaStyle.js.map +2 -2
- package/dist/esm/helpers/createPropMapper.js +263 -121
- package/dist/esm/helpers/createPropMapper.js.map +2 -2
- package/dist/esm/helpers/createShallowUpdate.js +13 -12
- package/dist/esm/helpers/createShallowUpdate.js.map +2 -2
- package/dist/esm/helpers/expandStyle.js +66 -0
- package/dist/esm/helpers/expandStyle.js.map +7 -0
- package/dist/esm/helpers/expandStyles.js +89 -0
- package/dist/esm/helpers/expandStyles.js.map +7 -0
- package/dist/esm/helpers/extendStaticConfig.js +35 -28
- package/dist/esm/helpers/extendStaticConfig.js.map +2 -2
- package/dist/esm/helpers/fixNativeShadow.js +2 -4
- package/dist/esm/helpers/fixNativeShadow.js.map +1 -1
- package/dist/esm/helpers/getAnimationDriver.js +8 -0
- package/dist/esm/helpers/getAnimationDriver.js.map +7 -0
- package/dist/esm/helpers/getExpandedShorthands.js +2 -5
- package/dist/esm/helpers/getExpandedShorthands.js.map +2 -2
- package/dist/esm/helpers/{getTextSize.js → getFont.js} +17 -9
- package/dist/esm/helpers/getFont.js.map +7 -0
- package/dist/esm/helpers/getFontLanguage.js +5 -0
- package/dist/esm/helpers/getFontLanguage.js.map +7 -0
- package/dist/esm/helpers/getSize.js +16 -10
- package/dist/esm/helpers/getSize.js.map +2 -2
- package/dist/esm/helpers/getSplitStyles.js +364 -188
- package/dist/esm/helpers/getSplitStyles.js.map +3 -3
- package/dist/esm/helpers/getStackSize.js +22 -0
- package/dist/esm/helpers/getStackSize.js.map +7 -0
- package/dist/esm/helpers/getStylesAtomic.js +187 -108
- package/dist/esm/helpers/getStylesAtomic.js.map +2 -2
- package/dist/esm/helpers/getStylesAtomic.native.js +0 -3
- package/dist/esm/helpers/getStylesAtomic.native.js.map +1 -1
- package/dist/esm/helpers/getThemeCSSRules.js +79 -0
- package/dist/esm/helpers/getThemeCSSRules.js.map +7 -0
- package/dist/esm/helpers/getThemeCSSRules.native.js +7 -0
- package/dist/esm/helpers/getThemeCSSRules.native.js.map +7 -0
- package/dist/esm/helpers/getVariantExtras.js +63 -0
- package/dist/esm/helpers/getVariantExtras.js.map +7 -0
- package/dist/esm/helpers/insertStyleRule.js +82 -50
- package/dist/esm/helpers/insertStyleRule.js.map +3 -3
- package/dist/esm/helpers/isObj.js +1 -3
- package/dist/esm/helpers/isObj.js.map +1 -1
- package/dist/esm/helpers/isTamaguiComponent.js +13 -0
- package/dist/esm/helpers/isTamaguiComponent.js.map +7 -0
- package/dist/esm/helpers/isTamaguiElement.js +4 -6
- package/dist/esm/helpers/isTamaguiElement.js.map +2 -2
- package/dist/esm/helpers/matchMedia.js +6 -7
- package/dist/esm/helpers/matchMedia.js.map +2 -2
- package/dist/esm/helpers/matchMedia.native.js +1 -3
- package/dist/esm/helpers/matchMedia.native.js.map +1 -1
- package/dist/esm/helpers/mergeProps.js +30 -0
- package/dist/esm/helpers/mergeProps.js.map +7 -0
- package/dist/esm/helpers/mergeTransform.js +17 -0
- package/dist/esm/helpers/mergeTransform.js.map +7 -0
- package/dist/esm/helpers/normalizeColor.js +49 -0
- package/dist/esm/helpers/normalizeColor.js.map +7 -0
- package/dist/esm/helpers/normalizeValueWithProperty.js +69 -0
- package/dist/esm/helpers/normalizeValueWithProperty.js.map +7 -0
- package/dist/esm/helpers/proxyThemeVariables.js +6 -5
- package/dist/esm/helpers/proxyThemeVariables.js.map +2 -2
- package/dist/esm/helpers/pseudoDescriptors.js +18 -0
- package/dist/esm/helpers/pseudoDescriptors.js.map +7 -0
- package/dist/esm/helpers/registerCSSVariable.js +14 -0
- package/dist/esm/helpers/registerCSSVariable.js.map +7 -0
- package/dist/esm/helpers/startTransition.js +6 -0
- package/dist/esm/helpers/startTransition.js.map +7 -0
- package/dist/esm/helpers/themeable.js +11 -9
- package/dist/esm/helpers/themeable.js.map +2 -2
- package/dist/esm/helpers/themes.js +54 -0
- package/dist/esm/helpers/themes.js.map +7 -0
- package/dist/esm/helpers/useShallowSetState.js +20 -0
- package/dist/esm/helpers/useShallowSetState.js.map +7 -0
- package/dist/esm/helpers/validate.js +0 -75
- package/dist/esm/helpers/validate.js.map +3 -3
- package/dist/esm/helpers/withStaticProperties.js +2 -4
- package/dist/esm/helpers/withStaticProperties.js.map +1 -1
- package/dist/esm/hooks/getThemeUnwrapped.js +14 -0
- package/dist/esm/hooks/getThemeUnwrapped.js.map +7 -0
- package/dist/esm/hooks/useConstant.js +4 -4
- package/dist/esm/hooks/useConstant.js.map +2 -2
- package/dist/esm/hooks/useDidFinishSSR.js +35 -0
- package/dist/esm/hooks/useDidFinishSSR.js.map +7 -0
- package/dist/esm/hooks/useId.js +1 -31
- package/dist/esm/hooks/useId.js.map +2 -2
- package/dist/esm/hooks/useIsMounted.js +1 -4
- package/dist/esm/hooks/useIsMounted.js.map +2 -2
- package/dist/esm/hooks/useIsSSR.js +22 -0
- package/dist/esm/hooks/useIsSSR.js.map +7 -0
- package/dist/esm/hooks/useIsTouchDevice.js +10 -10
- package/dist/esm/hooks/useIsTouchDevice.js.map +2 -2
- package/dist/esm/hooks/useMedia.js +157 -103
- package/dist/esm/hooks/useMedia.js.map +3 -3
- package/dist/esm/hooks/usePressable.js +2 -4
- package/dist/esm/hooks/usePressable.js.map +1 -1
- package/dist/esm/hooks/useSafeRef.js +36 -0
- package/dist/esm/hooks/useSafeRef.js.map +7 -0
- package/dist/esm/hooks/useServerHooks.js +11 -0
- package/dist/esm/hooks/useServerHooks.js.map +7 -0
- package/dist/esm/hooks/useTheme.js +159 -109
- package/dist/esm/hooks/useTheme.js.map +3 -3
- package/dist/esm/hooks/useUnmountEffect.js +0 -3
- package/dist/esm/hooks/useUnmountEffect.js.map +1 -1
- package/dist/esm/index.js +51 -13
- package/dist/esm/index.js.map +2 -2
- package/dist/esm/injectStyles.js +16 -0
- package/dist/esm/injectStyles.js.map +7 -0
- package/dist/esm/insertFont.js +67 -0
- package/dist/esm/insertFont.js.map +7 -0
- package/dist/esm/static.js +15 -15
- package/dist/esm/static.js.map +2 -2
- package/dist/esm/styled.js +40 -12
- package/dist/esm/styled.js.map +2 -2
- package/dist/esm/types-rnw.js +0 -0
- package/dist/esm/types-rnw.js.map +0 -0
- package/dist/esm/types.js +0 -0
- package/dist/esm/types.js.map +0 -0
- package/dist/esm/updateTheme.js +23 -0
- package/dist/esm/updateTheme.js.map +7 -0
- package/dist/esm/vendor/Pressability.js +7 -0
- package/dist/esm/vendor/Pressability.js.map +7 -0
- package/dist/esm/vendor/Pressability.native.js +7 -0
- package/dist/esm/vendor/Pressability.native.js.map +7 -0
- package/dist/esm/views/FontLanguage.js +14 -0
- package/dist/esm/views/FontLanguage.js.map +7 -0
- package/dist/esm/views/FontLanguage.native.js +14 -0
- package/dist/esm/views/FontLanguage.native.js.map +7 -0
- package/dist/esm/views/FontLanguage.types.js +1 -0
- package/dist/{cjs/defaultComponentState.js.map → esm/views/FontLanguage.types.js.map} +0 -0
- package/dist/esm/views/Slot.js +50 -32
- package/dist/esm/views/Slot.js.map +2 -2
- package/dist/esm/views/Stack.js +0 -0
- package/dist/esm/views/Stack.js.map +1 -1
- package/dist/esm/views/TamaguiProvider.js +52 -0
- package/dist/esm/views/TamaguiProvider.js.map +7 -0
- package/dist/esm/views/Text.js +13 -5
- package/dist/esm/views/Text.js.map +2 -2
- package/dist/esm/views/Theme.js +35 -19
- package/dist/esm/views/Theme.js.map +3 -3
- package/dist/esm/views/ThemeInverse.js +22 -20
- package/dist/esm/views/ThemeInverse.js.map +2 -2
- package/dist/esm/views/ThemeProvider.js +28 -21
- package/dist/esm/views/ThemeProvider.js.map +2 -2
- package/dist/esm/views/ThemeReset.js +13 -12
- package/dist/esm/views/ThemeReset.js.map +2 -2
- package/package.json +48 -16
- package/reset.css +25 -4
- package/src/Tamagui.ts +44 -0
- package/src/addTheme.ts +67 -0
- package/src/config.ts +45 -0
- package/src/constants/constants.ts +15 -0
- package/src/constants/isDevTools.ts +6 -0
- package/src/constants/platform.native.ts +14 -0
- package/src/constants/platform.ts +41 -0
- package/src/contexts/ButtonInsideButtonContext.tsx +3 -0
- package/src/contexts/FontLanguageContext.tsx +5 -0
- package/src/contexts/TextAncestorContext.tsx +10 -0
- package/src/contexts/ThemeContext.tsx +5 -0
- package/src/createComponent.tsx +1599 -0
- package/src/createFont.ts +29 -0
- package/src/createShorthands.ts +5 -0
- package/src/createTamagui.ts +229 -0
- package/src/createTheme.ts +13 -0
- package/src/createTokens.ts +35 -0
- package/src/createVariable.ts +85 -0
- package/src/createVariables.ts +42 -0
- package/src/helpers/RNComponents.tsx +14 -0
- package/src/helpers/ThemeManager.tsx +235 -0
- package/src/helpers/areEqualSets.tsx +9 -0
- package/src/helpers/assignNativePropsToWeb.native.tsx +1 -0
- package/src/helpers/assignNativePropsToWeb.tsx +178 -0
- package/src/helpers/calc.ts +68 -0
- package/src/helpers/createMediaStyle.ts +48 -0
- package/src/helpers/createPropMapper.ts +523 -0
- package/src/helpers/expandStyle.ts +81 -0
- package/src/helpers/expandStyles.ts +106 -0
- package/src/helpers/extendStaticConfig.ts +76 -0
- package/src/helpers/fixNativeShadow.tsx +2 -0
- package/src/helpers/getAnimationDriver.tsx +5 -0
- package/src/helpers/getExpandedShorthands.ts +15 -0
- package/src/helpers/getFont.tsx +43 -0
- package/src/helpers/getFontLanguage.ts +2 -0
- package/src/helpers/getSize.ts +22 -0
- package/src/helpers/getSplitStyles.tsx +738 -0
- package/src/helpers/getStackSize.ts +22 -0
- package/src/helpers/getStylesAtomic.native.ts +3 -0
- package/src/helpers/getStylesAtomic.ts +292 -0
- package/src/helpers/getThemeCSSRules.native.ts +3 -0
- package/src/helpers/getThemeCSSRules.ts +105 -0
- package/src/helpers/getVariantExtras.tsx +84 -0
- package/src/helpers/insertStyleRule.tsx +150 -0
- package/src/helpers/isObj.ts +1 -0
- package/src/helpers/isTamaguiComponent.tsx +15 -0
- package/src/helpers/isTamaguiElement.tsx +12 -0
- package/src/helpers/matchMedia.native.ts +6 -0
- package/src/helpers/matchMedia.ts +16 -0
- package/src/helpers/mergeProps.ts +56 -0
- package/src/helpers/mergeTransform.ts +16 -0
- package/src/helpers/normalizeColor.ts +53 -0
- package/src/helpers/normalizeValueWithProperty.ts +80 -0
- package/src/helpers/proxyThemeVariables.tsx +18 -0
- package/src/helpers/pseudoDescriptors.ts +18 -0
- package/src/helpers/registerCSSVariable.ts +11 -0
- package/src/helpers/startTransition.ts +4 -0
- package/src/helpers/themeable.tsx +45 -0
- package/src/helpers/themes.ts +69 -0
- package/src/helpers/useShallowSetState.tsx +20 -0
- package/src/helpers/validate.ts +80 -0
- package/src/helpers/withStaticProperties.tsx +7 -0
- package/src/hooks/getThemeUnwrapped.tsx +8 -0
- package/src/hooks/useConstant.tsx +19 -0
- package/src/hooks/useId.tsx +1 -0
- package/src/hooks/useIsMounted.ts +16 -0
- package/src/hooks/useIsTouchDevice.tsx +20 -0
- package/src/hooks/useMedia.tsx +266 -0
- package/src/hooks/usePressable.tsx +9 -0
- package/src/hooks/useSafeRef.ts +49 -0
- package/src/hooks/useServerHooks.tsx +12 -0
- package/src/hooks/useTheme.tsx +299 -0
- package/src/hooks/useUnmountEffect.ts +5 -0
- package/src/index.ts +83 -0
- package/src/injectStyles.ts +20 -0
- package/src/insertFont.ts +70 -0
- package/src/static.ts +15 -0
- package/src/styled.tsx +198 -0
- package/src/types-rnw.tsx +162 -0
- package/src/types.tsx +1307 -0
- package/src/updateTheme.ts +23 -0
- package/src/vendor/Pressability.native.tsx +3 -0
- package/src/vendor/Pressability.tsx +2 -0
- package/src/views/FontLanguage.native.tsx +9 -0
- package/src/views/FontLanguage.tsx +18 -0
- package/src/views/FontLanguage.types.ts +13 -0
- package/src/views/Slot.tsx +151 -0
- package/src/views/Stack.tsx +24 -0
- package/src/views/TamaguiProvider.tsx +56 -0
- package/src/views/Text.tsx +79 -0
- package/src/views/Theme.tsx +72 -0
- package/src/views/ThemeInverse.tsx +33 -0
- package/src/views/ThemeProvider.tsx +63 -0
- package/src/views/ThemeReset.tsx +43 -0
- package/types/Tamagui.d.ts +6 -8
- package/types/addTheme.d.ts +11 -0
- package/types/conf.d.ts +4 -5
- package/types/config.d.ts +47 -0
- package/types/constants/constants.d.ts +1 -1
- package/types/constants/isDevTools.d.ts +2 -0
- package/types/constants/platform.d.ts +7 -6
- package/types/constants/platform.native.d.ts +13 -0
- package/types/contexts/FontLanguageContext.d.ts +5 -0
- package/types/{views → contexts}/TextAncestorContext.d.ts +0 -0
- package/types/{ThemeContext.d.ts → contexts/ThemeContext.d.ts} +1 -1
- package/types/createComponent.d.ts +32 -15
- package/types/createComponent.server.d.ts +36 -0
- package/types/createTamagui.d.ts +2 -17
- package/types/createTheme.d.ts +1 -1
- package/types/createTokens.d.ts +5 -6
- package/types/createVariable.d.ts +24 -12
- package/types/createVariables.d.ts +10 -0
- package/types/helpers/RNComponents.d.ts +1 -1
- package/types/helpers/ThemeManager.d.ts +46 -0
- package/types/helpers/assignNativePropsToWeb.d.ts +2 -0
- package/types/helpers/assignNativePropsToWeb.native.d.ts +2 -0
- package/types/helpers/calc.d.ts +17 -0
- package/types/helpers/createMediaStyle.d.ts +2 -4
- package/types/helpers/createPropMapper.d.ts +6 -3
- package/types/helpers/createShallowUpdate.d.ts +1 -2
- package/types/helpers/cssHash.d.ts +2 -0
- package/types/helpers/expandStyle.d.ts +6 -0
- package/types/helpers/expandStyles.d.ts +26 -0
- package/types/helpers/getAnimationDriver.d.ts +6 -0
- package/types/helpers/getFont.d.ts +3 -0
- package/types/helpers/getFontLanguage.d.ts +2 -0
- package/types/helpers/getSize.d.ts +3 -2
- package/types/helpers/getSplitStyles.d.ts +16 -9
- package/types/helpers/getStackSize.d.ts +8 -0
- package/types/helpers/getStylesAtomic.d.ts +17 -22
- package/types/helpers/getThemeCSSRules.d.ts +8 -0
- package/types/helpers/getThemeCSSRules.native.d.ts +2 -0
- package/types/helpers/getVariantExtras.d.ts +5 -0
- package/types/helpers/insertStyleRule.d.ts +7 -3
- package/types/helpers/isTamaguiComponent.d.ts +5 -0
- package/types/helpers/isTamaguiElement.d.ts +5 -1
- package/types/helpers/matchMedia.d.ts +1 -1
- package/types/helpers/mergeProps.d.ts +17 -0
- package/types/helpers/mergeTransform.d.ts +7 -0
- package/types/helpers/normalizeColor.d.ts +3 -0
- package/types/helpers/normalizeValueWithProperty.d.ts +6 -0
- package/types/helpers/pseudoDescriptors.d.ts +16 -0
- package/types/helpers/registerCSSVariable.d.ts +5 -0
- package/types/helpers/startTransition.d.ts +3 -0
- package/types/helpers/themes.d.ts +4 -0
- package/types/helpers/useAnimationDriver.d.ts +1 -0
- package/types/helpers/useShallowSetState.d.ts +3 -0
- package/types/helpers/validate.d.ts +0 -3
- package/types/hooks/getThemeUnwrapped.d.ts +3 -0
- package/types/hooks/useAnimationDriver.d.ts +1 -0
- package/types/hooks/useDidFinishSSR.d.ts +3 -0
- package/types/hooks/useFeatures.d.ts +10 -5
- package/types/hooks/useId.d.ts +1 -8
- package/types/hooks/useIsSSR.d.ts +4 -0
- package/types/hooks/useMedia.d.ts +20 -6
- package/types/hooks/useSafeRef.d.ts +4 -0
- package/types/hooks/useServerContext.d.ts +2 -0
- package/types/hooks/useServerHooks.d.ts +4 -0
- package/types/hooks/useTheme.d.ts +21 -31
- package/types/index.d.ts +29 -9
- package/types/injectStyles.d.ts +7 -0
- package/types/insertFont.d.ts +9 -0
- package/types/static.d.ts +2 -15
- package/types/styled.d.ts +7 -3
- package/types/types.d.ts +277 -77
- package/types/updateTheme.d.ts +9 -0
- package/types/vendor/Pressability.d.ts +3 -0
- package/types/vendor/Pressability.native.d.ts +3 -0
- package/types/views/FontLanguage.d.ts +4 -0
- package/types/views/FontLanguage.native.d.ts +4 -0
- package/types/views/FontLanguage.types.d.ts +11 -0
- package/types/views/Slot.d.ts +1 -0
- package/types/views/TamaguiProvider.d.ts +4 -0
- package/types/views/Theme.d.ts +3 -9
- package/types/views/ThemeInverse.d.ts +4 -8
- package/types/views/ThemeProvider.d.ts +2 -1
- package/dist/cjs/ThemeContext.js.map +0 -7
- package/dist/cjs/ThemeManager.js.map +0 -7
- package/dist/cjs/conf.js.map +0 -7
- package/dist/cjs/constants/rnw.js +0 -46
- package/dist/cjs/constants/rnw.js.map +0 -7
- package/dist/cjs/defaultComponentState.js +0 -1
- package/dist/cjs/helpers/addStylesUsingClassname.js +0 -87
- package/dist/cjs/helpers/addStylesUsingClassname.js.map +0 -7
- package/dist/cjs/helpers/createTamaguiProvider.js +0 -93
- package/dist/cjs/helpers/createTamaguiProvider.js.map +0 -7
- package/dist/cjs/helpers/fixNativeShadow.native.js +0 -53
- package/dist/cjs/helpers/fixNativeShadow.native.js.map +0 -7
- package/dist/cjs/helpers/getButtonSize.js +0 -45
- package/dist/cjs/helpers/getButtonSize.js.map +0 -7
- package/dist/cjs/helpers/getTextSize.js.map +0 -7
- package/dist/cjs/helpers/nativeGestureHandler.js.map +0 -7
- package/dist/cjs/helpers/nativeGestureHandler.native.js.map +0 -7
- package/dist/cjs/helpers/wrapThemeManagerContext.js.map +0 -7
- package/dist/cjs/hooks/useFeatures.js +0 -228
- package/dist/cjs/hooks/useFeatures.js.map +0 -7
- package/dist/cjs/hooks/usePrevious.js +0 -1
- package/dist/cjs/hooks/usePrevious.js.map +0 -7
- package/dist/cjs/nativeGestureHandler.native.js.map +0 -7
- package/dist/cjs/views/TextAncestorContext.js.map +0 -7
- package/dist/esm/ThemeContext.js.map +0 -7
- package/dist/esm/ThemeManager.js.map +0 -7
- package/dist/esm/conf.js +0 -36
- package/dist/esm/conf.js.map +0 -7
- package/dist/esm/constants/rnw.js +0 -24
- package/dist/esm/constants/rnw.js.map +0 -7
- package/dist/esm/defaultComponentState.js +0 -1
- package/dist/esm/defaultComponentState.js.map +0 -7
- package/dist/esm/helpers/addStylesUsingClassname.js +0 -64
- package/dist/esm/helpers/addStylesUsingClassname.js.map +0 -7
- package/dist/esm/helpers/createTamaguiProvider.js +0 -40
- package/dist/esm/helpers/createTamaguiProvider.js.map +0 -7
- package/dist/esm/helpers/fixNativeShadow.native.js +0 -32
- package/dist/esm/helpers/fixNativeShadow.native.js.map +0 -7
- package/dist/esm/helpers/getButtonSize.js +0 -24
- package/dist/esm/helpers/getButtonSize.js.map +0 -7
- package/dist/esm/helpers/getTextSize.js.map +0 -7
- package/dist/esm/helpers/nativeGestureHandler.js +0 -7
- package/dist/esm/helpers/nativeGestureHandler.js.map +0 -7
- package/dist/esm/helpers/nativeGestureHandler.native.js +0 -2
- package/dist/esm/helpers/nativeGestureHandler.native.js.map +0 -7
- package/dist/esm/helpers/wrapThemeManagerContext.js +0 -14
- package/dist/esm/helpers/wrapThemeManagerContext.js.map +0 -7
- package/dist/esm/hooks/useFeatures.js +0 -173
- package/dist/esm/hooks/useFeatures.js.map +0 -7
- package/dist/esm/hooks/usePrevious.js +0 -1
- package/dist/esm/hooks/usePrevious.js.map +0 -7
- package/dist/esm/nativeGestureHandler.native.js +0 -2
- package/dist/esm/nativeGestureHandler.native.js.map +0 -7
- package/dist/esm/views/TextAncestorContext.js +0 -18
- package/dist/esm/views/TextAncestorContext.js.map +0 -7
- package/dist/jsx/Tamagui.js +0 -41
- package/dist/jsx/ThemeContext.js +0 -5
- package/dist/jsx/ThemeManager.js +0 -186
- package/dist/jsx/conf.js +0 -35
- package/dist/jsx/constants/constants.js +0 -17
- package/dist/jsx/constants/platform.js +0 -25
- package/dist/jsx/constants/rnw.js +0 -23
- package/dist/jsx/contexts/ButtonInsideButtonContext.js +0 -5
- package/dist/jsx/createComponent.js +0 -636
- package/dist/jsx/createFont.js +0 -27
- package/dist/jsx/createShorthands.js +0 -9
- package/dist/jsx/createTamagui.js +0 -201
- package/dist/jsx/createTheme.js +0 -6
- package/dist/jsx/createTokens.js +0 -28
- package/dist/jsx/createVariable.js +0 -48
- package/dist/jsx/defaultComponentState.js +0 -0
- package/dist/jsx/helpers/RNComponents.js +0 -11
- package/dist/jsx/helpers/addStylesUsingClassname.js +0 -63
- package/dist/jsx/helpers/areEqualSets.js +0 -15
- package/dist/jsx/helpers/createMediaStyle.js +0 -30
- package/dist/jsx/helpers/createPropMapper.js +0 -237
- package/dist/jsx/helpers/createShallowUpdate.js +0 -18
- package/dist/jsx/helpers/createTamaguiProvider.js +0 -34
- package/dist/jsx/helpers/extendStaticConfig.js +0 -61
- package/dist/jsx/helpers/fixNativeShadow.js +0 -7
- package/dist/jsx/helpers/fixNativeShadow.native.js +0 -31
- package/dist/jsx/helpers/getButtonSize.js +0 -23
- package/dist/jsx/helpers/getExpandedShorthands.js +0 -18
- package/dist/jsx/helpers/getSize.js +0 -12
- package/dist/jsx/helpers/getSplitStyles.js +0 -322
- package/dist/jsx/helpers/getStylesAtomic.js +0 -130
- package/dist/jsx/helpers/getStylesAtomic.native.js +0 -9
- package/dist/jsx/helpers/getTextSize.js +0 -33
- package/dist/jsx/helpers/insertStyleRule.js +0 -94
- package/dist/jsx/helpers/isObj.js +0 -6
- package/dist/jsx/helpers/isTamaguiElement.js +0 -10
- package/dist/jsx/helpers/matchMedia.js +0 -17
- package/dist/jsx/helpers/matchMedia.native.js +0 -8
- package/dist/jsx/helpers/nativeGestureHandler.js +0 -6
- package/dist/jsx/helpers/nativeGestureHandler.native.js +0 -1
- package/dist/jsx/helpers/proxyThemeVariables.js +0 -17
- package/dist/jsx/helpers/themeable.js +0 -24
- package/dist/jsx/helpers/validate.js +0 -75
- package/dist/jsx/helpers/withStaticProperties.js +0 -9
- package/dist/jsx/helpers/wrapThemeManagerContext.js +0 -10
- package/dist/jsx/hooks/useConstant.js +0 -14
- package/dist/jsx/hooks/useFeatures.js +0 -167
- package/dist/jsx/hooks/useId.js +0 -34
- package/dist/jsx/hooks/useIsMounted.js +0 -18
- package/dist/jsx/hooks/useIsTouchDevice.js +0 -16
- package/dist/jsx/hooks/useMedia.js +0 -158
- package/dist/jsx/hooks/usePressable.js +0 -13
- package/dist/jsx/hooks/usePrevious.js +0 -0
- package/dist/jsx/hooks/useTheme.js +0 -177
- package/dist/jsx/hooks/useUnmountEffect.js +0 -10
- package/dist/jsx/index.js +0 -54
- package/dist/jsx/nativeGestureHandler.native.js +0 -1
- package/dist/jsx/static.js +0 -16
- package/dist/jsx/styled.js +0 -47
- package/dist/jsx/types-rnw.js +0 -0
- package/dist/jsx/types.js +0 -0
- package/dist/jsx/views/Slot.js +0 -75
- package/dist/jsx/views/Stack.js +0 -12
- package/dist/jsx/views/Text.js +0 -56
- package/dist/jsx/views/TextAncestorContext.js +0 -15
- package/dist/jsx/views/Theme.js +0 -31
- package/dist/jsx/views/ThemeInverse.js +0 -27
- package/dist/jsx/views/ThemeProvider.js +0 -35
- package/dist/jsx/views/ThemeReset.js +0 -34
- package/types/Tamagui.d.ts.map +0 -1
- package/types/ThemeContext.d.ts.map +0 -1
- package/types/ThemeManager.d.ts +0 -49
- package/types/ThemeManager.d.ts.map +0 -1
- package/types/conf.d.ts.map +0 -1
- package/types/constants/constants.d.ts.map +0 -1
- package/types/constants/platform.d.ts.map +0 -1
- package/types/constants/rnw.d.ts +0 -2
- package/types/constants/rnw.d.ts.map +0 -1
- package/types/contexts/ButtonInsideButtonContext.d.ts.map +0 -1
- package/types/createComponent.d.ts.map +0 -1
- package/types/createFont.d.ts.map +0 -1
- package/types/createShorthands.d.ts.map +0 -1
- package/types/createTamagui.d.ts.map +0 -1
- package/types/createTheme.d.ts.map +0 -1
- package/types/createTokens.d.ts.map +0 -1
- package/types/createVariable.d.ts.map +0 -1
- package/types/defaultComponentState.d.ts +0 -1
- package/types/defaultComponentState.d.ts.map +0 -1
- package/types/helpers/RNComponents.d.ts.map +0 -1
- package/types/helpers/addStylesUsingClassname.d.ts +0 -3
- package/types/helpers/addStylesUsingClassname.d.ts.map +0 -1
- package/types/helpers/areEqualSets.d.ts.map +0 -1
- package/types/helpers/createMediaStyle.d.ts.map +0 -1
- package/types/helpers/createPropMapper.d.ts.map +0 -1
- package/types/helpers/createShallowUpdate.d.ts.map +0 -1
- package/types/helpers/createTamaguiProvider.d.ts +0 -7
- package/types/helpers/createTamaguiProvider.d.ts.map +0 -1
- package/types/helpers/extendStaticConfig.d.ts.map +0 -1
- package/types/helpers/fixNativeShadow.d.ts.map +0 -1
- package/types/helpers/fixNativeShadow.native.d.ts +0 -3
- package/types/helpers/fixNativeShadow.native.d.ts.map +0 -1
- package/types/helpers/getButtonSize.d.ts +0 -8
- package/types/helpers/getButtonSize.d.ts.map +0 -1
- package/types/helpers/getExpandedShorthands.d.ts.map +0 -1
- package/types/helpers/getSize.d.ts.map +0 -1
- package/types/helpers/getSplitStyles.d.ts.map +0 -1
- package/types/helpers/getStylesAtomic.d.ts.map +0 -1
- package/types/helpers/getStylesAtomic.native.d.ts.map +0 -1
- package/types/helpers/getTextSize.d.ts +0 -3
- package/types/helpers/getTextSize.d.ts.map +0 -1
- package/types/helpers/insertStyleRule.d.ts.map +0 -1
- package/types/helpers/isObj.d.ts.map +0 -1
- package/types/helpers/isTamaguiElement.d.ts.map +0 -1
- package/types/helpers/matchMedia.d.ts.map +0 -1
- package/types/helpers/matchMedia.native.d.ts.map +0 -1
- package/types/helpers/nativeGestureHandler.d.ts +0 -2
- package/types/helpers/nativeGestureHandler.d.ts.map +0 -1
- package/types/helpers/nativeGestureHandler.native.d.ts +0 -2
- package/types/helpers/nativeGestureHandler.native.d.ts.map +0 -1
- package/types/helpers/proxyThemeVariables.d.ts.map +0 -1
- package/types/helpers/themeable.d.ts.map +0 -1
- package/types/helpers/validate.d.ts.map +0 -1
- package/types/helpers/withStaticProperties.d.ts.map +0 -1
- package/types/helpers/wrapThemeManagerContext.d.ts +0 -3
- package/types/helpers/wrapThemeManagerContext.d.ts.map +0 -1
- package/types/hooks/useConstant.d.ts.map +0 -1
- package/types/hooks/useFeatures.d.ts.map +0 -1
- package/types/hooks/useId.d.ts.map +0 -1
- package/types/hooks/useIsMounted.d.ts.map +0 -1
- package/types/hooks/useIsTouchDevice.d.ts.map +0 -1
- package/types/hooks/useMedia.d.ts.map +0 -1
- package/types/hooks/usePressable.d.ts.map +0 -1
- package/types/hooks/usePrevious.d.ts +0 -1
- package/types/hooks/usePrevious.d.ts.map +0 -1
- package/types/hooks/useTheme.d.ts.map +0 -1
- package/types/hooks/useUnmountEffect.d.ts.map +0 -1
- package/types/index.d.ts.map +0 -1
- package/types/nativeGestureHandler.native.d.ts +0 -2
- package/types/nativeGestureHandler.native.d.ts.map +0 -1
- package/types/static.d.ts.map +0 -1
- package/types/styled.d.ts.map +0 -1
- package/types/types-rnw.d.ts.map +0 -1
- package/types/types.d.ts.map +0 -1
- package/types/views/Slot.d.ts.map +0 -1
- package/types/views/Stack.d.ts.map +0 -1
- package/types/views/Text.d.ts.map +0 -1
- package/types/views/TextAncestorContext.d.ts.map +0 -1
- package/types/views/Theme.d.ts.map +0 -1
- package/types/views/ThemeInverse.d.ts.map +0 -1
- package/types/views/ThemeProvider.d.ts.map +0 -1
- package/types/views/ThemeReset.d.ts.map +0 -1
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
-
import * as React from "react";
|
|
4
|
-
import { ButtonInsideButtonContext } from "../contexts/ButtonInsideButtonContext";
|
|
5
|
-
import { TextAncestorProvider } from "../views/TextAncestorContext";
|
|
6
|
-
import { ThemeProvider } from "../views/ThemeProvider";
|
|
7
|
-
function createTamaguiProvider({
|
|
8
|
-
getCSS,
|
|
9
|
-
...themeProps
|
|
10
|
-
}) {
|
|
11
|
-
return /* @__PURE__ */ __name(function TamaguiProvider({
|
|
12
|
-
injectCSS,
|
|
13
|
-
children,
|
|
14
|
-
...themePropsProvider
|
|
15
|
-
}) {
|
|
16
|
-
if (typeof document !== "undefined") {
|
|
17
|
-
React.useLayoutEffect(() => {
|
|
18
|
-
if (!injectCSS)
|
|
19
|
-
return;
|
|
20
|
-
const style = document.createElement("style");
|
|
21
|
-
style.appendChild(document.createTextNode(getCSS()));
|
|
22
|
-
document.head.appendChild(style);
|
|
23
|
-
return () => {
|
|
24
|
-
document.head.removeChild(style);
|
|
25
|
-
};
|
|
26
|
-
}, []);
|
|
27
|
-
}
|
|
28
|
-
return <ButtonInsideButtonContext.Provider value={false}><TextAncestorProvider><ThemeProvider {...themeProps} {...themePropsProvider}>{children}</ThemeProvider></TextAncestorProvider></ButtonInsideButtonContext.Provider>;
|
|
29
|
-
}, "TamaguiProvider");
|
|
30
|
-
}
|
|
31
|
-
__name(createTamaguiProvider, "createTamaguiProvider");
|
|
32
|
-
export {
|
|
33
|
-
createTamaguiProvider
|
|
34
|
-
};
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
-
import { stylePropsView } from "@tamagui/helpers";
|
|
4
|
-
import { createPropMapper } from "./createPropMapper";
|
|
5
|
-
function extendStaticConfig(config, parent) {
|
|
6
|
-
var _a;
|
|
7
|
-
if (!parent || !("staticConfig" in parent)) {
|
|
8
|
-
return parseStaticConfig(config);
|
|
9
|
-
}
|
|
10
|
-
const variants = {
|
|
11
|
-
...parent.staticConfig.variants
|
|
12
|
-
};
|
|
13
|
-
if (config.variants) {
|
|
14
|
-
for (const key in config.variants) {
|
|
15
|
-
if (variants[key]) {
|
|
16
|
-
variants[key] = {
|
|
17
|
-
...variants[key],
|
|
18
|
-
...config.variants[key]
|
|
19
|
-
};
|
|
20
|
-
} else {
|
|
21
|
-
variants[key] = config.variants[key];
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
return parseStaticConfig({
|
|
26
|
-
...parent.staticConfig,
|
|
27
|
-
...config,
|
|
28
|
-
variants,
|
|
29
|
-
isZStack: config.isZStack || parent.staticConfig.isZStack,
|
|
30
|
-
isText: config.isText || parent.staticConfig.isText || false,
|
|
31
|
-
isInput: config.isInput || parent.staticConfig.isInput || false,
|
|
32
|
-
neverFlatten: config.neverFlatten || parent.staticConfig.neverFlatten,
|
|
33
|
-
ensureOverriddenProp: (_a = config.ensureOverriddenProp) != null ? _a : parent.staticConfig.ensureOverriddenProp,
|
|
34
|
-
validStyles: config.validStyles ? {
|
|
35
|
-
...parent.staticConfig.validStyles,
|
|
36
|
-
...config.validStyles
|
|
37
|
-
} : parent.staticConfig.validStyles || stylePropsView,
|
|
38
|
-
defaultVariants: {
|
|
39
|
-
...parent.staticConfig.defaultVariants,
|
|
40
|
-
...config.defaultVariants
|
|
41
|
-
},
|
|
42
|
-
defaultProps: {
|
|
43
|
-
...parent.staticConfig.defaultProps,
|
|
44
|
-
...parent.staticConfig.defaultVariants,
|
|
45
|
-
...config.defaultProps,
|
|
46
|
-
...config.defaultVariants
|
|
47
|
-
}
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
__name(extendStaticConfig, "extendStaticConfig");
|
|
51
|
-
const parseStaticConfig = /* @__PURE__ */ __name((config) => {
|
|
52
|
-
return {
|
|
53
|
-
...config,
|
|
54
|
-
parsed: true,
|
|
55
|
-
propMapper: createPropMapper(config)
|
|
56
|
-
};
|
|
57
|
-
}, "parseStaticConfig");
|
|
58
|
-
export {
|
|
59
|
-
extendStaticConfig,
|
|
60
|
-
parseStaticConfig
|
|
61
|
-
};
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
-
const matchRgbaHsla = /(rgba|hsla)\(\s*([\d\.]{1,}%?)\s*,\s*([\d\.]{1,}%?)\s*,\s*([\d\.]{1,}%?)\s*,\s*([\d\.]{1,})\s*\)$/;
|
|
4
|
-
function fixNativeShadow(props) {
|
|
5
|
-
var _a, _b;
|
|
6
|
-
if (!props.shadowColor || props.shadowColor === "transparent") {
|
|
7
|
-
return;
|
|
8
|
-
}
|
|
9
|
-
if (!props.shadowOffset) {
|
|
10
|
-
props.shadowOffset = {
|
|
11
|
-
width: 0,
|
|
12
|
-
height: 0
|
|
13
|
-
};
|
|
14
|
-
}
|
|
15
|
-
const c = String(props.shadowColor);
|
|
16
|
-
if ((c[0] === "r" || c[0] === "h") && c[3] === "a") {
|
|
17
|
-
const [_, type, _1, _2, _3, a] = c.match(matchRgbaHsla) || [];
|
|
18
|
-
if (typeof a !== "string") {
|
|
19
|
-
console.trace("invalid", c, type);
|
|
20
|
-
throw new Error(`invalid style`);
|
|
21
|
-
}
|
|
22
|
-
props.shadowColor = `${type.replace("a", "")}(${_1},${_2},${_3})`;
|
|
23
|
-
props.shadowOpacity = (_a = props.shadowOpacity) != null ? _a : +a;
|
|
24
|
-
} else {
|
|
25
|
-
props.shadowOpacity = (_b = props.shadowOpacity) != null ? _b : 1;
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
__name(fixNativeShadow, "fixNativeShadow");
|
|
29
|
-
export {
|
|
30
|
-
fixNativeShadow
|
|
31
|
-
};
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
-
import { getVariableValue, isVariable } from "@tamagui/core";
|
|
4
|
-
const getButtonSize = /* @__PURE__ */ __name((sizeX = 0.9, sizeY = 0.333) => (val, { tokens, props, fonts }) => {
|
|
5
|
-
var _a, _b, _c, _d, _e, _f, _g;
|
|
6
|
-
const size = (_c = (_b = (_a = tokens.size[val]) != null ? _a : tokens.size["$4"]) != null ? _b : val) != null ? _c : 14;
|
|
7
|
-
const radius = (_e = (_d = tokens.radius[val]) != null ? _d : tokens.radius["$4"]) != null ? _e : size;
|
|
8
|
-
const px = Math.round(+(isVariable(size) ? size.val : size) * sizeX);
|
|
9
|
-
const py = Math.round(+(isVariable(size) ? size.val : size) * sizeY);
|
|
10
|
-
const font = fonts[props.fontFamily] || fonts["$body"];
|
|
11
|
-
const lineHeights = font.lineHeight;
|
|
12
|
-
const lineHeight = (_f = lineHeights[val]) != null ? _f : lineHeights["$4"];
|
|
13
|
-
const minHeight = Math.round(getVariableValue(lineHeight) + py * 2);
|
|
14
|
-
return {
|
|
15
|
-
minHeight,
|
|
16
|
-
paddingHorizontal: props.circular ? 0 : px,
|
|
17
|
-
paddingVertical: props.circular ? 0 : py,
|
|
18
|
-
borderRadius: props.circular ? 1e5 : (_g = props.borderRadius) != null ? _g : radius
|
|
19
|
-
};
|
|
20
|
-
}, "getButtonSize");
|
|
21
|
-
export {
|
|
22
|
-
getButtonSize
|
|
23
|
-
};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
-
import { getConfig } from "../conf";
|
|
4
|
-
function getExpandedShorthands(props) {
|
|
5
|
-
const shorthands = getConfig().shorthands;
|
|
6
|
-
if (!shorthands) {
|
|
7
|
-
return props;
|
|
8
|
-
}
|
|
9
|
-
let res = {};
|
|
10
|
-
for (const key in props) {
|
|
11
|
-
res[shorthands[key] || key] = props[key];
|
|
12
|
-
}
|
|
13
|
-
return res;
|
|
14
|
-
}
|
|
15
|
-
__name(getExpandedShorthands, "getExpandedShorthands");
|
|
16
|
-
export {
|
|
17
|
-
getExpandedShorthands
|
|
18
|
-
};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
-
import { getTokens } from "../conf";
|
|
4
|
-
const getSize = /* @__PURE__ */ __name((size, sizeUpOrDownBy = 0) => {
|
|
5
|
-
const sizes = getTokens().size;
|
|
6
|
-
const sizeNames = Object.keys(sizes);
|
|
7
|
-
const key = sizeNames[Math.max(0, sizeNames.indexOf(String(size || "$4")) + sizeUpOrDownBy)];
|
|
8
|
-
return sizes[key] || sizes["$4"];
|
|
9
|
-
}, "getSize");
|
|
10
|
-
export {
|
|
11
|
-
getSize
|
|
12
|
-
};
|
|
@@ -1,322 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
-
import {
|
|
4
|
-
mergeTransform,
|
|
5
|
-
stylePropsText,
|
|
6
|
-
stylePropsTransform,
|
|
7
|
-
validPseudoKeys,
|
|
8
|
-
validStyles
|
|
9
|
-
} from "@tamagui/helpers";
|
|
10
|
-
import { useInsertionEffect } from "react";
|
|
11
|
-
import { getConfig } from "../conf";
|
|
12
|
-
import { isClient, isWeb, useIsomorphicLayoutEffect } from "../constants/platform";
|
|
13
|
-
import { mediaQueryConfig, mediaState } from "../hooks/useMedia";
|
|
14
|
-
import { createMediaStyle } from "./createMediaStyle";
|
|
15
|
-
import { fixNativeShadow } from "./fixNativeShadow";
|
|
16
|
-
import { getStylesAtomic } from "./getStylesAtomic";
|
|
17
|
-
import {
|
|
18
|
-
insertStyleRule,
|
|
19
|
-
insertedTransforms,
|
|
20
|
-
updateInserted,
|
|
21
|
-
updateInsertedCache
|
|
22
|
-
} from "./insertStyleRule";
|
|
23
|
-
const skipProps = {
|
|
24
|
-
animation: true,
|
|
25
|
-
animateOnly: true,
|
|
26
|
-
debug: true,
|
|
27
|
-
...!isWeb && {
|
|
28
|
-
tag: true,
|
|
29
|
-
whiteSpace: true,
|
|
30
|
-
wordWrap: true,
|
|
31
|
-
textOverflow: true,
|
|
32
|
-
textDecorationDistance: true,
|
|
33
|
-
userSelect: true,
|
|
34
|
-
selectable: true,
|
|
35
|
-
cursor: true,
|
|
36
|
-
contain: true,
|
|
37
|
-
pointerEvents: true,
|
|
38
|
-
boxSizing: true,
|
|
39
|
-
boxShadow: true
|
|
40
|
-
}
|
|
41
|
-
};
|
|
42
|
-
let conf;
|
|
43
|
-
const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, state, defaultClassNames) => {
|
|
44
|
-
var _a;
|
|
45
|
-
if (process.env.NODE_ENV === "development" && props["debug"] === "verbose") {
|
|
46
|
-
console.log(" \xBB getSplitStyles", { props, state, defaultClassNames });
|
|
47
|
-
}
|
|
48
|
-
conf = conf || getConfig();
|
|
49
|
-
const validStyleProps = staticConfig.isText ? stylePropsText : validStyles;
|
|
50
|
-
const viewProps = {};
|
|
51
|
-
const style = {};
|
|
52
|
-
const classNames = {
|
|
53
|
-
...defaultClassNames
|
|
54
|
-
};
|
|
55
|
-
const pseudos = {};
|
|
56
|
-
const medias = {};
|
|
57
|
-
const rulesToInsert = [];
|
|
58
|
-
function addStyle(prop, rule) {
|
|
59
|
-
rulesToInsert.push([prop, rule]);
|
|
60
|
-
updateInsertedCache(prop, rule);
|
|
61
|
-
}
|
|
62
|
-
__name(addStyle, "addStyle");
|
|
63
|
-
let cur = null;
|
|
64
|
-
let transforms = {};
|
|
65
|
-
function mergeClassName(key, val) {
|
|
66
|
-
if (!val) {
|
|
67
|
-
return;
|
|
68
|
-
}
|
|
69
|
-
if (val.startsWith("_transform-")) {
|
|
70
|
-
const isMediaOrPseudo = key !== "transform";
|
|
71
|
-
const isMedia = isMediaOrPseudo && key[11] === "_";
|
|
72
|
-
const isPsuedo = isMediaOrPseudo && key[11] === "0" || key.endsWith("Style");
|
|
73
|
-
const namespace = isMedia ? key.split("_")[2] : isPsuedo ? key.split("-")[1] : "transform";
|
|
74
|
-
let transform = insertedTransforms[val];
|
|
75
|
-
if (isClient) {
|
|
76
|
-
if (!transform) {
|
|
77
|
-
updateInserted();
|
|
78
|
-
transform = insertedTransforms[val];
|
|
79
|
-
}
|
|
80
|
-
if (!transform) {
|
|
81
|
-
if (isWeb && val[0] !== "_") {
|
|
82
|
-
transform = val;
|
|
83
|
-
} else {
|
|
84
|
-
console.trace("?", key, val, cur, props, state);
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
if (process.env.NODE_ENV === "development" && props["debug"] === "verbose") {
|
|
88
|
-
console.log(" \xBB getSplitStyles mergeClassName transform", { key, val, namespace, transform, insertedTransforms });
|
|
89
|
-
}
|
|
90
|
-
if (process.env.NODE_ENV === "development") {
|
|
91
|
-
if (!transform) {
|
|
92
|
-
console.trace("NO TRANSFORM?", { key, val, transform });
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
transforms[namespace] = transforms[namespace] || ["", ""];
|
|
97
|
-
const identifier = val.replace("_transform", "");
|
|
98
|
-
transforms[namespace][0] += identifier;
|
|
99
|
-
if (transform) {
|
|
100
|
-
transforms[namespace][1] += transform;
|
|
101
|
-
}
|
|
102
|
-
} else {
|
|
103
|
-
classNames[key] = val;
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
__name(mergeClassName, "mergeClassName");
|
|
107
|
-
function push() {
|
|
108
|
-
if (!cur)
|
|
109
|
-
return;
|
|
110
|
-
normalizeStyleObject(cur);
|
|
111
|
-
if (process.env.NODE_ENV === "development" && props["debug"] === "verbose") {
|
|
112
|
-
console.log(" \xBB getSplitStyles push", cur, state);
|
|
113
|
-
}
|
|
114
|
-
if (isWeb && !state.noClassNames) {
|
|
115
|
-
const atomic = getStylesAtomic(cur);
|
|
116
|
-
for (const atomicStyle of atomic) {
|
|
117
|
-
if (!state.noClassNames) {
|
|
118
|
-
addStyle(atomicStyle.identifier, atomicStyle.rules[0]);
|
|
119
|
-
mergeClassName(atomicStyle.property, atomicStyle.identifier);
|
|
120
|
-
} else {
|
|
121
|
-
style[atomicStyle.property] = atomicStyle.value;
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
}
|
|
125
|
-
if (!isWeb || state.noClassNames || state.resolveVariablesAs === "value" || state.resolveVariablesAs === "both") {
|
|
126
|
-
for (const key in cur) {
|
|
127
|
-
if (skipProps[key]) {
|
|
128
|
-
continue;
|
|
129
|
-
}
|
|
130
|
-
if (key in stylePropsTransform) {
|
|
131
|
-
mergeTransform(style, key, cur[key]);
|
|
132
|
-
} else {
|
|
133
|
-
style[key] = cur[key];
|
|
134
|
-
}
|
|
135
|
-
}
|
|
136
|
-
}
|
|
137
|
-
cur = null;
|
|
138
|
-
}
|
|
139
|
-
__name(push, "push");
|
|
140
|
-
for (const keyInit in props) {
|
|
141
|
-
if (skipProps[keyInit]) {
|
|
142
|
-
continue;
|
|
143
|
-
}
|
|
144
|
-
if (!isWeb && keyInit.startsWith("data-")) {
|
|
145
|
-
continue;
|
|
146
|
-
}
|
|
147
|
-
const valInit = props[keyInit];
|
|
148
|
-
if (keyInit === "style" || keyInit.startsWith("_style")) {
|
|
149
|
-
push();
|
|
150
|
-
cur = valInit;
|
|
151
|
-
push();
|
|
152
|
-
continue;
|
|
153
|
-
}
|
|
154
|
-
if (keyInit === "className" || validStyleProps[keyInit] && valInit && valInit[0] === "_") {
|
|
155
|
-
push();
|
|
156
|
-
mergeClassName(keyInit, valInit);
|
|
157
|
-
continue;
|
|
158
|
-
}
|
|
159
|
-
if (state.keepVariantsAsProps && staticConfig.defaultVariants && keyInit in staticConfig.defaultVariants) {
|
|
160
|
-
viewProps[keyInit] = valInit;
|
|
161
|
-
}
|
|
162
|
-
let isMedia = keyInit[0] === "$";
|
|
163
|
-
let isPseudo = validPseudoKeys[keyInit];
|
|
164
|
-
if (!isMedia && !isPseudo && !((_a = staticConfig.variants) == null ? void 0 : _a[keyInit]) && !validStyleProps[keyInit] && !conf.shorthands[keyInit]) {
|
|
165
|
-
viewProps[keyInit] = valInit;
|
|
166
|
-
continue;
|
|
167
|
-
}
|
|
168
|
-
const out = isMedia || isPseudo ? true : staticConfig.propMapper(keyInit, valInit, theme, state.fallbackProps || props, state.resolveVariablesAs);
|
|
169
|
-
const expanded = out === true || !out ? [[keyInit, valInit]] : Object.entries(out);
|
|
170
|
-
if (process.env.NODE_ENV === "development" && props["debug"] === "verbose") {
|
|
171
|
-
console.log(" \xBB getSplitStyles", keyInit, expanded);
|
|
172
|
-
}
|
|
173
|
-
for (const [key, val] of expanded) {
|
|
174
|
-
if (val === void 0) {
|
|
175
|
-
continue;
|
|
176
|
-
}
|
|
177
|
-
if (key !== "target" && val && val[0] === "_") {
|
|
178
|
-
mergeClassName(key, val);
|
|
179
|
-
continue;
|
|
180
|
-
}
|
|
181
|
-
isMedia = key[0] === "$";
|
|
182
|
-
isPseudo = validPseudoKeys[key];
|
|
183
|
-
if (staticConfig.deoptProps && staticConfig.deoptProps.has(key) || staticConfig.inlineProps && staticConfig.inlineProps.has(key)) {
|
|
184
|
-
viewProps[key] = val;
|
|
185
|
-
}
|
|
186
|
-
if (isPseudo) {
|
|
187
|
-
if (!val)
|
|
188
|
-
continue;
|
|
189
|
-
if (key === "enterStyle" && state.mounted) {
|
|
190
|
-
continue;
|
|
191
|
-
}
|
|
192
|
-
pseudos[key] = pseudos[key] || {};
|
|
193
|
-
pseudos[key] = getSubStyle(val, staticConfig, theme, props, state, true);
|
|
194
|
-
if (isWeb && !state.noClassNames) {
|
|
195
|
-
const pseudoStyles = getStylesAtomic({ [key]: pseudos[key] });
|
|
196
|
-
for (const style2 of pseudoStyles) {
|
|
197
|
-
addStyle(style2.identifier, style2.rules[0]);
|
|
198
|
-
mergeClassName(`${style2.property}-${key}`, style2.identifier);
|
|
199
|
-
}
|
|
200
|
-
}
|
|
201
|
-
continue;
|
|
202
|
-
}
|
|
203
|
-
if (isMedia) {
|
|
204
|
-
const mediaKey = key;
|
|
205
|
-
const mediaKeyShort = mediaKey.slice(1);
|
|
206
|
-
if (!mediaQueryConfig[mediaKeyShort]) {
|
|
207
|
-
viewProps[key] = val;
|
|
208
|
-
continue;
|
|
209
|
-
}
|
|
210
|
-
const mediaStyle = getSubStyle(val, staticConfig, theme, props, state);
|
|
211
|
-
if (process.env.NODE_ENV === "development" && props["debug"] === "verbose") {
|
|
212
|
-
console.log(" \xBB getSplitStyles mediaStyle", mediaKey, mediaStyle, props);
|
|
213
|
-
}
|
|
214
|
-
const shouldDoClasses = isWeb && !state.noClassNames;
|
|
215
|
-
if (shouldDoClasses) {
|
|
216
|
-
const mediaStyles = getStylesAtomic(mediaStyle);
|
|
217
|
-
for (const style2 of mediaStyles) {
|
|
218
|
-
const out2 = createMediaStyle(style2, mediaKeyShort, mediaQueryConfig);
|
|
219
|
-
addStyle(out2.identifier, out2.styleRule);
|
|
220
|
-
mergeClassName(`${out2.identifier}-${mediaKey}`, out2.identifier);
|
|
221
|
-
}
|
|
222
|
-
} else {
|
|
223
|
-
if (mediaState[mediaKey]) {
|
|
224
|
-
push();
|
|
225
|
-
if (process.env.NODE_ENV === "development" && props["debug"]) {
|
|
226
|
-
console.log("apply media style", mediaKey, mediaState);
|
|
227
|
-
}
|
|
228
|
-
Object.assign(shouldDoClasses ? medias : style, mediaStyle);
|
|
229
|
-
}
|
|
230
|
-
}
|
|
231
|
-
continue;
|
|
232
|
-
}
|
|
233
|
-
if (!isWeb && key === "pointerEvents") {
|
|
234
|
-
viewProps[key] = val;
|
|
235
|
-
continue;
|
|
236
|
-
}
|
|
237
|
-
if (validStyleProps[key]) {
|
|
238
|
-
cur = cur || {};
|
|
239
|
-
cur[key] = val;
|
|
240
|
-
continue;
|
|
241
|
-
}
|
|
242
|
-
if (!staticConfig.variants || !(key in staticConfig.variants)) {
|
|
243
|
-
if (!skipProps[key]) {
|
|
244
|
-
push();
|
|
245
|
-
viewProps[key] = val;
|
|
246
|
-
}
|
|
247
|
-
}
|
|
248
|
-
}
|
|
249
|
-
}
|
|
250
|
-
push();
|
|
251
|
-
if (transforms) {
|
|
252
|
-
for (const namespace in transforms) {
|
|
253
|
-
const [hash, val] = transforms[namespace];
|
|
254
|
-
const identifier = `_transform${hash}`;
|
|
255
|
-
if (isClient) {
|
|
256
|
-
if (!insertedTransforms[identifier]) {
|
|
257
|
-
const rule = `.${identifier} { transform: ${val}; }`;
|
|
258
|
-
addStyle(identifier, rule);
|
|
259
|
-
}
|
|
260
|
-
}
|
|
261
|
-
classNames[namespace] = identifier;
|
|
262
|
-
}
|
|
263
|
-
}
|
|
264
|
-
if (process.env.NODE_ENV === "development" && props["debug"] === "verbose") {
|
|
265
|
-
console.log(" \xBB getSplitStyles out", { style, pseudos, medias, classNames, viewProps, state });
|
|
266
|
-
}
|
|
267
|
-
return {
|
|
268
|
-
viewProps,
|
|
269
|
-
style,
|
|
270
|
-
medias,
|
|
271
|
-
pseudos,
|
|
272
|
-
classNames,
|
|
273
|
-
rulesToInsert
|
|
274
|
-
};
|
|
275
|
-
}, "getSplitStyles");
|
|
276
|
-
const insertSplitStyles = /* @__PURE__ */ __name((...args) => {
|
|
277
|
-
const res = getSplitStyles(...args);
|
|
278
|
-
for (const [prop, rule] of res.rulesToInsert) {
|
|
279
|
-
insertStyleRule(prop, rule);
|
|
280
|
-
}
|
|
281
|
-
return res;
|
|
282
|
-
}, "insertSplitStyles");
|
|
283
|
-
const effect = useInsertionEffect || useIsomorphicLayoutEffect;
|
|
284
|
-
const useSplitStyles = /* @__PURE__ */ __name((...args) => {
|
|
285
|
-
const res = getSplitStyles(...args);
|
|
286
|
-
effect(() => {
|
|
287
|
-
for (const [prop, rule] of res.rulesToInsert) {
|
|
288
|
-
insertStyleRule(prop, rule);
|
|
289
|
-
}
|
|
290
|
-
});
|
|
291
|
-
return res;
|
|
292
|
-
}, "useSplitStyles");
|
|
293
|
-
const getSubStyle = /* @__PURE__ */ __name((styleIn, staticConfig, theme, props, state, avoidDefaultProps) => {
|
|
294
|
-
const styleOut = {};
|
|
295
|
-
for (const key in styleIn) {
|
|
296
|
-
const val = styleIn[key];
|
|
297
|
-
const out = staticConfig.propMapper(key, val, theme, state.fallbackProps || props, state.resolveVariablesAs, avoidDefaultProps);
|
|
298
|
-
const expanded = out === true || !out ? [[key, val]] : Object.entries(out);
|
|
299
|
-
for (const [skey, sval] of expanded) {
|
|
300
|
-
if (skey in stylePropsTransform) {
|
|
301
|
-
mergeTransform(styleOut, skey, sval);
|
|
302
|
-
} else {
|
|
303
|
-
styleOut[skey] = sval;
|
|
304
|
-
}
|
|
305
|
-
}
|
|
306
|
-
}
|
|
307
|
-
normalizeStyleObject(styleOut);
|
|
308
|
-
return styleOut;
|
|
309
|
-
}, "getSubStyle");
|
|
310
|
-
function normalizeStyleObject(style) {
|
|
311
|
-
if (!isWeb) {
|
|
312
|
-
fixNativeShadow(style);
|
|
313
|
-
}
|
|
314
|
-
}
|
|
315
|
-
__name(normalizeStyleObject, "normalizeStyleObject");
|
|
316
|
-
export {
|
|
317
|
-
getSplitStyles,
|
|
318
|
-
getSubStyle,
|
|
319
|
-
insertSplitStyles,
|
|
320
|
-
normalizeStyleObject,
|
|
321
|
-
useSplitStyles
|
|
322
|
-
};
|
|
@@ -1,130 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
-
import {
|
|
4
|
-
invertMapTransformKeys,
|
|
5
|
-
mergeTransform,
|
|
6
|
-
stylePropsTransform
|
|
7
|
-
} from "@tamagui/helpers";
|
|
8
|
-
import { getConfig } from "../conf";
|
|
9
|
-
import { rnw } from "../constants/rnw";
|
|
10
|
-
import { isVariable } from "../createVariable";
|
|
11
|
-
function getStylesAtomic(stylesIn, options = {}) {
|
|
12
|
-
const { hoverStyle, pressStyle, focusStyle, ...base } = stylesIn;
|
|
13
|
-
let res = [];
|
|
14
|
-
for (const [index, style] of [hoverStyle, pressStyle, focusStyle, base].entries()) {
|
|
15
|
-
if (!style || !Object.keys(style).length) {
|
|
16
|
-
continue;
|
|
17
|
-
}
|
|
18
|
-
const pseudo = pseudosOrdered[index];
|
|
19
|
-
for (const skey in style) {
|
|
20
|
-
const val = style[skey];
|
|
21
|
-
if (isVariable(val)) {
|
|
22
|
-
style[skey] = val.toString();
|
|
23
|
-
}
|
|
24
|
-
if (stylePropsTransform[skey]) {
|
|
25
|
-
delete style[skey];
|
|
26
|
-
mergeTransform(style, skey, val);
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
res = [...res, ...getAtomicStyle(style, pseudo, options)];
|
|
30
|
-
}
|
|
31
|
-
return res;
|
|
32
|
-
}
|
|
33
|
-
__name(getStylesAtomic, "getStylesAtomic");
|
|
34
|
-
const generateAtomicStyles = /* @__PURE__ */ __name((style) => {
|
|
35
|
-
return rnw.atomic(rnw.createCompileableStyle(rnw.createReactDOMStyle(style)));
|
|
36
|
-
}, "generateAtomicStyles");
|
|
37
|
-
let reversedShorthands = null;
|
|
38
|
-
function getAtomicStyle(style, pseudo, options) {
|
|
39
|
-
var _a;
|
|
40
|
-
if (style == null || typeof style !== "object") {
|
|
41
|
-
throw new Error(`Wrong style type: "${typeof style}": ${style}`);
|
|
42
|
-
}
|
|
43
|
-
for (const key in borderDefaults) {
|
|
44
|
-
if (key in style) {
|
|
45
|
-
style[borderDefaults[key]] = (_a = style[borderDefaults[key]]) != null ? _a : "solid";
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
let atomicStyles = {};
|
|
49
|
-
if (options.splitTransforms && style.transform) {
|
|
50
|
-
let { transform, ...rest } = style;
|
|
51
|
-
Object.assign(atomicStyles, generateAtomicStyles(rest));
|
|
52
|
-
for (const t of transform) {
|
|
53
|
-
const tKey = Object.keys(t)[0];
|
|
54
|
-
const transformProperty = invertMapTransformKeys[tKey] || tKey;
|
|
55
|
-
const out = generateAtomicStyles({ transform: [t] });
|
|
56
|
-
const key = Object.keys(out)[0];
|
|
57
|
-
atomicStyles[key] = {
|
|
58
|
-
...out[key],
|
|
59
|
-
transformProperty
|
|
60
|
-
};
|
|
61
|
-
}
|
|
62
|
-
} else {
|
|
63
|
-
atomicStyles = generateAtomicStyles(style);
|
|
64
|
-
}
|
|
65
|
-
if (!reversedShorthands) {
|
|
66
|
-
reversedShorthands = {};
|
|
67
|
-
const conf = getConfig();
|
|
68
|
-
if (conf.shorthands) {
|
|
69
|
-
for (const key in conf.shorthands) {
|
|
70
|
-
reversedShorthands[conf.shorthands[key]] = key;
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
return Object.keys(atomicStyles).map((key) => {
|
|
75
|
-
const val = atomicStyles[key];
|
|
76
|
-
const [_, a, b] = val.identifier.split("-");
|
|
77
|
-
const hash = b || a;
|
|
78
|
-
const psuedoPrefix = pseudo ? `0${pseudo.name}-` : "";
|
|
79
|
-
const shortProp = reversedShorthands[val.property] || val.property;
|
|
80
|
-
const identifier = `_${shortProp}-${psuedoPrefix}${hash}`;
|
|
81
|
-
const className = `.${identifier}`;
|
|
82
|
-
const rules = val.rules.map((rule) => {
|
|
83
|
-
if (pseudo) {
|
|
84
|
-
const psuedoPrefixSelect = [...Array(pseudo.priority)].map(() => ":root").join("") + " ";
|
|
85
|
-
let res = rule.replace(`.${val.identifier}`, `${psuedoPrefixSelect} ${className}`).replace("{", `:${pseudo.name}{`);
|
|
86
|
-
if (pseudo.name === "hover") {
|
|
87
|
-
res = `@media not all and (hover: none) { ${res} }`;
|
|
88
|
-
}
|
|
89
|
-
return res;
|
|
90
|
-
}
|
|
91
|
-
return rule.replace(`.${val.identifier}`, className).replace(importantRegex, "");
|
|
92
|
-
});
|
|
93
|
-
const result = {
|
|
94
|
-
property: val.transformProperty || val.property,
|
|
95
|
-
value: val.value,
|
|
96
|
-
identifier,
|
|
97
|
-
className,
|
|
98
|
-
rules
|
|
99
|
-
};
|
|
100
|
-
return result;
|
|
101
|
-
});
|
|
102
|
-
}
|
|
103
|
-
__name(getAtomicStyle, "getAtomicStyle");
|
|
104
|
-
const importantRegex = /\!important*/g;
|
|
105
|
-
const borderDefaults = {
|
|
106
|
-
borderWidth: "borderStyle",
|
|
107
|
-
borderBottomWidth: "borderBottomStyle",
|
|
108
|
-
borderTopWidth: "borderTopStyle",
|
|
109
|
-
borderLeftWidth: "borderLeftStyle",
|
|
110
|
-
borderRightWidth: "borderRightStyle"
|
|
111
|
-
};
|
|
112
|
-
const pseudos = {
|
|
113
|
-
hoverStyle: {
|
|
114
|
-
name: "hover",
|
|
115
|
-
priority: 1
|
|
116
|
-
},
|
|
117
|
-
pressStyle: {
|
|
118
|
-
name: "active",
|
|
119
|
-
priority: 2
|
|
120
|
-
},
|
|
121
|
-
focusStyle: {
|
|
122
|
-
name: "focus",
|
|
123
|
-
priority: 3
|
|
124
|
-
}
|
|
125
|
-
};
|
|
126
|
-
const pseudosOrdered = Object.values(pseudos);
|
|
127
|
-
export {
|
|
128
|
-
getStylesAtomic,
|
|
129
|
-
pseudos
|
|
130
|
-
};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
-
function getStylesAtomic() {
|
|
4
|
-
console.warn("no-op native");
|
|
5
|
-
}
|
|
6
|
-
__name(getStylesAtomic, "getStylesAtomic");
|
|
7
|
-
export {
|
|
8
|
-
getStylesAtomic
|
|
9
|
-
};
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
-
import { getVariableValue } from "../createVariable";
|
|
4
|
-
const getTextSize = /* @__PURE__ */ __name((val = "$4", { fonts, theme, props }) => {
|
|
5
|
-
var _a, _b, _c;
|
|
6
|
-
const family = getVariableValue(props.fontFamily) || "$body";
|
|
7
|
-
const font = fonts[family] || fonts["$body"];
|
|
8
|
-
if (!font) {
|
|
9
|
-
console.warn("\u26A0\uFE0F no font found", { family, fontTokens: Object.keys(fonts), val });
|
|
10
|
-
return;
|
|
11
|
-
}
|
|
12
|
-
const fontFamily = font.family;
|
|
13
|
-
const fontSize = props.fontSize || font.size[val];
|
|
14
|
-
const lineHeight = props.lineHeight || font.lineHeight[val];
|
|
15
|
-
const fontWeight = props.fontWeight || font.weight[val];
|
|
16
|
-
const letterSpacing = props.letterSpacing || font.letterSpacing[val];
|
|
17
|
-
const fontStyle = props.fontStyle || ((_a = font.style) == null ? void 0 : _a[val]);
|
|
18
|
-
const textTransform = props.textTransform || ((_b = font.transform) == null ? void 0 : _b[val]);
|
|
19
|
-
const color = props.color || ((_c = font.color) == null ? void 0 : _c[val]) || theme.color;
|
|
20
|
-
return {
|
|
21
|
-
color,
|
|
22
|
-
fontStyle,
|
|
23
|
-
textTransform,
|
|
24
|
-
fontFamily,
|
|
25
|
-
fontWeight,
|
|
26
|
-
letterSpacing,
|
|
27
|
-
fontSize,
|
|
28
|
-
lineHeight
|
|
29
|
-
};
|
|
30
|
-
}, "getTextSize");
|
|
31
|
-
export {
|
|
32
|
-
getTextSize
|
|
33
|
-
};
|