@tamagui/web 1.13.2 → 1.13.4
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 +1 -76
- package/dist/cjs/Tamagui.js.map +2 -2
- package/dist/cjs/addTheme.js +2 -77
- package/dist/cjs/addTheme.js.map +2 -2
- package/dist/cjs/config.js +1 -122
- package/dist/cjs/config.js.map +2 -2
- package/dist/cjs/constants/constants.js +1 -48
- package/dist/cjs/constants/constants.js.map +2 -2
- package/dist/cjs/constants/isDevTools.js +1 -36
- package/dist/cjs/constants/isDevTools.js.map +2 -2
- package/dist/cjs/contexts/AnimationDriverContext.js +1 -29
- package/dist/cjs/contexts/AnimationDriverContext.js.map +2 -2
- package/dist/cjs/contexts/ButtonNestingContext.js +1 -29
- package/dist/cjs/contexts/ButtonNestingContext.js.map +2 -2
- package/dist/cjs/contexts/FontLanguageContext.js +1 -29
- package/dist/cjs/contexts/FontLanguageContext.js.map +2 -2
- package/dist/cjs/contexts/TextAncestorContext.js +1 -29
- package/dist/cjs/contexts/TextAncestorContext.js.map +2 -2
- package/dist/cjs/createComponent.js +2 -874
- package/dist/cjs/createComponent.js.map +2 -2
- package/dist/cjs/createFont.js +1 -68
- package/dist/cjs/createFont.js.map +2 -2
- package/dist/cjs/createShorthands.js +1 -30
- package/dist/cjs/createShorthands.js.map +2 -2
- package/dist/cjs/createTamagui.js +5 -202
- package/dist/cjs/createTamagui.js.map +2 -2
- package/dist/cjs/createTheme.js +1 -30
- package/dist/cjs/createTheme.js.map +2 -2
- package/dist/cjs/createTokens.js +1 -38
- package/dist/cjs/createTokens.js.map +2 -2
- package/dist/cjs/createVariable.js +1 -110
- package/dist/cjs/createVariable.js.map +2 -2
- package/dist/cjs/createVariables.js +1 -59
- package/dist/cjs/createVariables.js.map +2 -2
- package/dist/cjs/helpers/ThemeManager.js +1 -236
- package/dist/cjs/helpers/ThemeManager.js.map +2 -2
- package/dist/cjs/helpers/ThemeManagerContext.js +1 -29
- package/dist/cjs/helpers/ThemeManagerContext.js.map +2 -2
- package/dist/cjs/helpers/createMediaStyle.js +1 -66
- package/dist/cjs/helpers/createMediaStyle.js.map +2 -2
- package/dist/cjs/helpers/createPropMapper.js +2 -431
- package/dist/cjs/helpers/createPropMapper.js.map +2 -2
- package/dist/cjs/helpers/createProxy.js +2 -41
- package/dist/cjs/helpers/createProxy.js.map +2 -2
- package/dist/cjs/helpers/defaultOffset.js +1 -28
- package/dist/cjs/helpers/defaultOffset.js.map +2 -2
- package/dist/cjs/helpers/expandStyle.js +1 -85
- package/dist/cjs/helpers/expandStyle.js.map +2 -2
- package/dist/cjs/helpers/expandStyles.js +1 -76
- package/dist/cjs/helpers/expandStyles.js.map +2 -2
- package/dist/cjs/helpers/extendStaticConfig.js +1 -91
- package/dist/cjs/helpers/extendStaticConfig.js.map +2 -2
- package/dist/cjs/helpers/getAnimationDriver.js +1 -31
- package/dist/cjs/helpers/getAnimationDriver.js.map +2 -2
- package/dist/cjs/helpers/getExpandedShorthands.js +1 -38
- package/dist/cjs/helpers/getExpandedShorthands.js.map +2 -2
- package/dist/cjs/helpers/getFontLanguage.js +1 -28
- package/dist/cjs/helpers/getFontLanguage.js.map +2 -2
- package/dist/cjs/helpers/getSplitStyles.js +3 -865
- package/dist/cjs/helpers/getSplitStyles.js.map +2 -2
- package/dist/cjs/helpers/getStylesAtomic.js +1 -226
- package/dist/cjs/helpers/getStylesAtomic.js.map +2 -2
- package/dist/cjs/helpers/getStylesAtomic.native.js +1 -37
- package/dist/cjs/helpers/getStylesAtomic.native.js.map +2 -2
- package/dist/cjs/helpers/getThemeCSSRules.js +4 -126
- package/dist/cjs/helpers/getThemeCSSRules.js.map +2 -2
- package/dist/cjs/helpers/getThemeCSSRules.native.js +1 -30
- package/dist/cjs/helpers/getThemeCSSRules.native.js.map +2 -2
- package/dist/cjs/helpers/getVariantExtras.js +1 -91
- package/dist/cjs/helpers/getVariantExtras.js.map +2 -2
- package/dist/cjs/helpers/insertStyleRule.js +2 -222
- package/dist/cjs/helpers/insertStyleRule.js.map +2 -2
- package/dist/cjs/helpers/isObj.js +1 -28
- package/dist/cjs/helpers/isObj.js.map +2 -2
- package/dist/cjs/helpers/isTamaguiComponent.js +1 -31
- package/dist/cjs/helpers/isTamaguiComponent.js.map +2 -2
- package/dist/cjs/helpers/isTamaguiElement.js +1 -32
- package/dist/cjs/helpers/isTamaguiElement.js.map +2 -2
- package/dist/cjs/helpers/matchMedia.js +1 -41
- package/dist/cjs/helpers/matchMedia.js.map +2 -2
- package/dist/cjs/helpers/matchMedia.native.js +1 -47
- package/dist/cjs/helpers/matchMedia.native.js.map +2 -2
- package/dist/cjs/helpers/mergeProps.js +1 -53
- package/dist/cjs/helpers/mergeProps.js.map +2 -2
- package/dist/cjs/helpers/normalizeColor.js +1 -66
- package/dist/cjs/helpers/normalizeColor.js.map +2 -2
- package/dist/cjs/helpers/normalizeShadow.js +1 -46
- package/dist/cjs/helpers/normalizeShadow.js.map +2 -2
- package/dist/cjs/helpers/normalizeShadow.native.js +1 -54
- package/dist/cjs/helpers/normalizeShadow.native.js.map +2 -2
- package/dist/cjs/helpers/normalizeStylePropKeys.js +1 -28
- package/dist/cjs/helpers/normalizeStylePropKeys.js.map +2 -2
- package/dist/cjs/helpers/normalizeStylePropKeys.native.js +1 -39
- package/dist/cjs/helpers/normalizeStylePropKeys.native.js.map +2 -2
- package/dist/cjs/helpers/normalizeValueWithProperty.js +1 -125
- package/dist/cjs/helpers/normalizeValueWithProperty.js.map +2 -2
- package/dist/cjs/helpers/proxyThemeVariables.js +1 -39
- package/dist/cjs/helpers/proxyThemeVariables.js.map +2 -2
- package/dist/cjs/helpers/pseudoDescriptors.js +1 -52
- package/dist/cjs/helpers/pseudoDescriptors.js.map +2 -2
- package/dist/cjs/helpers/registerCSSVariable.js +1 -39
- package/dist/cjs/helpers/registerCSSVariable.js.map +2 -2
- package/dist/cjs/helpers/themeable.js +1 -61
- package/dist/cjs/helpers/themeable.js.map +2 -2
- package/dist/cjs/helpers/themes.js +1 -75
- package/dist/cjs/helpers/themes.js.map +2 -2
- package/dist/cjs/helpers/timer.js +1 -34
- package/dist/cjs/helpers/timer.js.map +2 -2
- package/dist/cjs/helpers/useShallowSetState.js +1 -58
- package/dist/cjs/helpers/useShallowSetState.js.map +2 -2
- package/dist/cjs/helpers/warnOnce.js +1 -37
- package/dist/cjs/helpers/warnOnce.js.map +2 -2
- package/dist/cjs/helpers/withStaticProperties.js +1 -32
- package/dist/cjs/helpers/withStaticProperties.js.map +2 -2
- package/dist/cjs/hooks/getThemeUnwrapped.js +1 -33
- package/dist/cjs/hooks/getThemeUnwrapped.js.map +2 -2
- package/dist/cjs/hooks/useAnimationDriver.js +1 -33
- package/dist/cjs/hooks/useAnimationDriver.js.map +2 -2
- package/dist/cjs/hooks/useId.js +1 -28
- package/dist/cjs/hooks/useId.js.map +2 -2
- package/dist/cjs/hooks/useIsTouchDevice.js +1 -32
- package/dist/cjs/hooks/useIsTouchDevice.js.map +2 -2
- package/dist/cjs/hooks/useMedia.js +1 -264
- package/dist/cjs/hooks/useMedia.js.map +2 -2
- package/dist/cjs/hooks/useSafeRef.js +1 -58
- package/dist/cjs/hooks/useSafeRef.js.map +2 -2
- package/dist/cjs/hooks/useServerHooks.js +1 -35
- package/dist/cjs/hooks/useServerHooks.js.map +2 -2
- package/dist/cjs/hooks/useStyle.js +1 -60
- package/dist/cjs/hooks/useStyle.js.map +2 -2
- package/dist/cjs/hooks/useTheme.js +1 -229
- package/dist/cjs/hooks/useTheme.js.map +2 -2
- package/dist/cjs/hooks/useThemeName.js +1 -51
- package/dist/cjs/hooks/useThemeName.js.map +2 -2
- package/dist/cjs/index.js +1 -110
- package/dist/cjs/index.js.map +2 -2
- package/dist/cjs/inject-styles.js +1 -39
- package/dist/cjs/inject-styles.js.map +2 -2
- package/dist/cjs/insertFont.js +1 -92
- package/dist/cjs/insertFont.js.map +2 -2
- package/dist/cjs/setupHooks.js +1 -33
- package/dist/cjs/setupHooks.js.map +2 -2
- package/dist/cjs/setupReactNative.js +1 -50
- package/dist/cjs/setupReactNative.js.map +2 -2
- package/dist/cjs/styled.js +1 -93
- package/dist/cjs/styled.js.map +2 -2
- package/dist/cjs/types.js +1 -16
- package/dist/cjs/types.js.map +2 -2
- package/dist/cjs/updateTheme.js +1 -46
- package/dist/cjs/updateTheme.js.map +2 -2
- package/dist/cjs/views/AnimationDriverProvider.js +1 -32
- package/dist/cjs/views/AnimationDriverProvider.js.map +2 -2
- package/dist/cjs/views/FontLanguage.js +1 -40
- package/dist/cjs/views/FontLanguage.js.map +2 -2
- package/dist/cjs/views/FontLanguage.native.js +1 -34
- package/dist/cjs/views/FontLanguage.native.js.map +2 -2
- package/dist/cjs/views/FontLanguage.types.js +1 -16
- package/dist/cjs/views/FontLanguage.types.js.map +2 -2
- package/dist/cjs/views/Slot.js +1 -91
- package/dist/cjs/views/Slot.js.map +2 -2
- package/dist/cjs/views/Stack.js +1 -37
- package/dist/cjs/views/Stack.js.map +2 -2
- package/dist/cjs/views/TamaguiProvider.js +1 -90
- package/dist/cjs/views/TamaguiProvider.js.map +2 -2
- package/dist/cjs/views/Text.js +1 -95
- package/dist/cjs/views/Text.js.map +2 -2
- package/dist/cjs/views/Theme.js +1 -80
- package/dist/cjs/views/Theme.js.map +2 -2
- package/dist/cjs/views/ThemeProvider.js +1 -69
- package/dist/cjs/views/ThemeProvider.js.map +2 -2
- package/dist/esm/Tamagui.js +1 -44
- package/dist/esm/Tamagui.js.map +2 -2
- package/dist/esm/Tamagui.mjs +1 -44
- package/dist/esm/Tamagui.mjs.map +2 -2
- package/dist/esm/addTheme.js +2 -53
- package/dist/esm/addTheme.js.map +2 -2
- package/dist/esm/addTheme.mjs +2 -53
- package/dist/esm/addTheme.mjs.map +2 -2
- package/dist/esm/config.js +1 -89
- package/dist/esm/config.js.map +2 -2
- package/dist/esm/config.mjs +1 -89
- package/dist/esm/config.mjs.map +2 -2
- package/dist/esm/constants/constants.js +1 -21
- package/dist/esm/constants/constants.js.map +2 -2
- package/dist/esm/constants/constants.mjs +1 -21
- package/dist/esm/constants/constants.mjs.map +2 -2
- package/dist/esm/constants/isDevTools.js +1 -12
- package/dist/esm/constants/isDevTools.js.map +2 -2
- package/dist/esm/constants/isDevTools.mjs +1 -12
- package/dist/esm/constants/isDevTools.mjs.map +2 -2
- package/dist/esm/contexts/AnimationDriverContext.js +1 -5
- package/dist/esm/contexts/AnimationDriverContext.js.map +2 -2
- package/dist/esm/contexts/AnimationDriverContext.mjs +1 -5
- package/dist/esm/contexts/AnimationDriverContext.mjs.map +2 -2
- package/dist/esm/contexts/ButtonNestingContext.js +1 -5
- package/dist/esm/contexts/ButtonNestingContext.js.map +2 -2
- package/dist/esm/contexts/ButtonNestingContext.mjs +1 -5
- package/dist/esm/contexts/ButtonNestingContext.mjs.map +2 -2
- package/dist/esm/contexts/FontLanguageContext.js +1 -5
- package/dist/esm/contexts/FontLanguageContext.js.map +2 -2
- package/dist/esm/contexts/FontLanguageContext.mjs +1 -5
- package/dist/esm/contexts/FontLanguageContext.mjs.map +2 -2
- package/dist/esm/contexts/TextAncestorContext.js +1 -5
- package/dist/esm/contexts/TextAncestorContext.js.map +2 -2
- package/dist/esm/contexts/TextAncestorContext.mjs +1 -5
- package/dist/esm/contexts/TextAncestorContext.mjs.map +2 -2
- package/dist/esm/createComponent.js +2 -846
- package/dist/esm/createComponent.js.map +2 -2
- package/dist/esm/createComponent.mjs +2 -846
- package/dist/esm/createComponent.mjs.map +2 -2
- package/dist/esm/createFont.js +1 -44
- package/dist/esm/createFont.js.map +2 -2
- package/dist/esm/createFont.mjs +1 -44
- package/dist/esm/createFont.mjs.map +2 -2
- package/dist/esm/createShorthands.js +1 -6
- package/dist/esm/createShorthands.js.map +2 -2
- package/dist/esm/createShorthands.mjs +1 -6
- package/dist/esm/createShorthands.mjs.map +2 -2
- package/dist/esm/createTamagui.js +5 -186
- package/dist/esm/createTamagui.js.map +2 -2
- package/dist/esm/createTamagui.mjs +5 -186
- package/dist/esm/createTamagui.mjs.map +2 -2
- package/dist/esm/createTheme.js +1 -6
- package/dist/esm/createTheme.js.map +2 -2
- package/dist/esm/createTheme.mjs +1 -6
- package/dist/esm/createTheme.mjs.map +2 -2
- package/dist/esm/createTokens.js +1 -14
- package/dist/esm/createTokens.js.map +2 -2
- package/dist/esm/createTokens.mjs +1 -14
- package/dist/esm/createTokens.mjs.map +2 -2
- package/dist/esm/createVariable.js +1 -77
- package/dist/esm/createVariable.js.map +2 -2
- package/dist/esm/createVariable.mjs +1 -77
- package/dist/esm/createVariable.mjs.map +2 -2
- package/dist/esm/createVariables.js +1 -34
- package/dist/esm/createVariables.js.map +2 -2
- package/dist/esm/createVariables.mjs +1 -34
- package/dist/esm/createVariables.mjs.map +2 -2
- package/dist/esm/helpers/ThemeManager.js +1 -211
- package/dist/esm/helpers/ThemeManager.js.map +2 -2
- package/dist/esm/helpers/ThemeManager.mjs +1 -211
- package/dist/esm/helpers/ThemeManager.mjs.map +2 -2
- package/dist/esm/helpers/ThemeManagerContext.js +1 -5
- package/dist/esm/helpers/ThemeManagerContext.js.map +2 -2
- package/dist/esm/helpers/ThemeManagerContext.mjs +1 -5
- package/dist/esm/helpers/ThemeManagerContext.mjs.map +2 -2
- package/dist/esm/helpers/createMediaStyle.js +1 -41
- package/dist/esm/helpers/createMediaStyle.js.map +2 -2
- package/dist/esm/helpers/createMediaStyle.mjs +1 -41
- package/dist/esm/helpers/createMediaStyle.mjs.map +2 -2
- package/dist/esm/helpers/createPropMapper.js +2 -404
- package/dist/esm/helpers/createPropMapper.js.map +2 -2
- package/dist/esm/helpers/createPropMapper.mjs +2 -404
- package/dist/esm/helpers/createPropMapper.mjs.map +2 -2
- package/dist/esm/helpers/createProxy.js +2 -17
- package/dist/esm/helpers/createProxy.js.map +2 -2
- package/dist/esm/helpers/createProxy.mjs +2 -17
- package/dist/esm/helpers/createProxy.mjs.map +2 -2
- package/dist/esm/helpers/defaultOffset.js +1 -4
- package/dist/esm/helpers/defaultOffset.js.map +2 -2
- package/dist/esm/helpers/defaultOffset.mjs +1 -4
- package/dist/esm/helpers/defaultOffset.mjs.map +2 -2
- package/dist/esm/helpers/expandStyle.js +1 -61
- package/dist/esm/helpers/expandStyle.js.map +2 -2
- package/dist/esm/helpers/expandStyle.mjs +1 -61
- package/dist/esm/helpers/expandStyle.mjs.map +2 -2
- package/dist/esm/helpers/expandStyles.js +1 -51
- package/dist/esm/helpers/expandStyles.js.map +2 -2
- package/dist/esm/helpers/expandStyles.mjs +1 -51
- package/dist/esm/helpers/expandStyles.mjs.map +2 -2
- package/dist/esm/helpers/extendStaticConfig.js +1 -66
- package/dist/esm/helpers/extendStaticConfig.js.map +2 -2
- package/dist/esm/helpers/extendStaticConfig.mjs +1 -66
- package/dist/esm/helpers/extendStaticConfig.mjs.map +2 -2
- package/dist/esm/helpers/getAnimationDriver.js +1 -7
- package/dist/esm/helpers/getAnimationDriver.js.map +2 -2
- package/dist/esm/helpers/getAnimationDriver.mjs +1 -7
- package/dist/esm/helpers/getAnimationDriver.mjs.map +2 -2
- package/dist/esm/helpers/getExpandedShorthands.js +1 -14
- package/dist/esm/helpers/getExpandedShorthands.js.map +2 -2
- package/dist/esm/helpers/getExpandedShorthands.mjs +1 -14
- package/dist/esm/helpers/getExpandedShorthands.mjs.map +2 -2
- package/dist/esm/helpers/getFontLanguage.js +1 -4
- package/dist/esm/helpers/getFontLanguage.js.map +2 -2
- package/dist/esm/helpers/getFontLanguage.mjs +1 -4
- package/dist/esm/helpers/getFontLanguage.mjs.map +2 -2
- package/dist/esm/helpers/getSplitStyles.js +3 -866
- package/dist/esm/helpers/getSplitStyles.js.map +2 -2
- package/dist/esm/helpers/getSplitStyles.mjs +3 -866
- package/dist/esm/helpers/getSplitStyles.mjs.map +2 -2
- package/dist/esm/helpers/getStylesAtomic.js +1 -200
- package/dist/esm/helpers/getStylesAtomic.js.map +2 -2
- package/dist/esm/helpers/getStylesAtomic.mjs +1 -200
- package/dist/esm/helpers/getStylesAtomic.mjs.map +2 -2
- package/dist/esm/helpers/getStylesAtomic.native.js +1 -11
- package/dist/esm/helpers/getStylesAtomic.native.js.map +2 -2
- package/dist/esm/helpers/getStylesAtomic.native.mjs +1 -11
- package/dist/esm/helpers/getStylesAtomic.native.mjs.map +2 -2
- package/dist/esm/helpers/getThemeCSSRules.js +4 -102
- package/dist/esm/helpers/getThemeCSSRules.js.map +2 -2
- package/dist/esm/helpers/getThemeCSSRules.mjs +4 -102
- package/dist/esm/helpers/getThemeCSSRules.mjs.map +2 -2
- package/dist/esm/helpers/getThemeCSSRules.native.js +1 -6
- package/dist/esm/helpers/getThemeCSSRules.native.js.map +2 -2
- package/dist/esm/helpers/getThemeCSSRules.native.mjs +1 -6
- package/dist/esm/helpers/getThemeCSSRules.native.mjs.map +2 -2
- package/dist/esm/helpers/getVariantExtras.js +1 -66
- package/dist/esm/helpers/getVariantExtras.js.map +2 -2
- package/dist/esm/helpers/getVariantExtras.mjs +1 -66
- package/dist/esm/helpers/getVariantExtras.mjs.map +2 -2
- package/dist/esm/helpers/insertStyleRule.js +2 -190
- package/dist/esm/helpers/insertStyleRule.js.map +2 -2
- package/dist/esm/helpers/insertStyleRule.mjs +2 -190
- package/dist/esm/helpers/insertStyleRule.mjs.map +2 -2
- package/dist/esm/helpers/isObj.js +1 -4
- package/dist/esm/helpers/isObj.js.map +2 -2
- package/dist/esm/helpers/isObj.mjs +1 -4
- package/dist/esm/helpers/isObj.mjs.map +2 -2
- package/dist/esm/helpers/isTamaguiComponent.js +1 -7
- package/dist/esm/helpers/isTamaguiComponent.js.map +2 -2
- package/dist/esm/helpers/isTamaguiComponent.mjs +1 -7
- package/dist/esm/helpers/isTamaguiComponent.mjs.map +2 -2
- package/dist/esm/helpers/isTamaguiElement.js +1 -8
- package/dist/esm/helpers/isTamaguiElement.js.map +2 -2
- package/dist/esm/helpers/isTamaguiElement.mjs +1 -8
- package/dist/esm/helpers/isTamaguiElement.mjs.map +2 -2
- package/dist/esm/helpers/matchMedia.js +1 -16
- package/dist/esm/helpers/matchMedia.js.map +2 -2
- package/dist/esm/helpers/matchMedia.mjs +1 -16
- package/dist/esm/helpers/matchMedia.mjs.map +2 -2
- package/dist/esm/helpers/matchMedia.native.js +1 -22
- package/dist/esm/helpers/matchMedia.native.js.map +2 -2
- package/dist/esm/helpers/matchMedia.native.mjs +1 -22
- package/dist/esm/helpers/matchMedia.native.mjs.map +2 -2
- package/dist/esm/helpers/mergeProps.js +1 -29
- package/dist/esm/helpers/mergeProps.js.map +2 -2
- package/dist/esm/helpers/mergeProps.mjs +1 -29
- package/dist/esm/helpers/mergeProps.mjs.map +2 -2
- package/dist/esm/helpers/normalizeColor.js +1 -30
- package/dist/esm/helpers/normalizeColor.js.map +2 -2
- package/dist/esm/helpers/normalizeColor.mjs +1 -30
- package/dist/esm/helpers/normalizeColor.mjs.map +2 -2
- package/dist/esm/helpers/normalizeShadow.js +1 -22
- package/dist/esm/helpers/normalizeShadow.js.map +2 -2
- package/dist/esm/helpers/normalizeShadow.mjs +1 -22
- package/dist/esm/helpers/normalizeShadow.mjs.map +2 -2
- package/dist/esm/helpers/normalizeShadow.native.js +1 -30
- package/dist/esm/helpers/normalizeShadow.native.js.map +2 -2
- package/dist/esm/helpers/normalizeShadow.native.mjs +1 -30
- package/dist/esm/helpers/normalizeShadow.native.mjs.map +2 -2
- package/dist/esm/helpers/normalizeStylePropKeys.js +1 -4
- package/dist/esm/helpers/normalizeStylePropKeys.js.map +2 -2
- package/dist/esm/helpers/normalizeStylePropKeys.mjs +1 -4
- package/dist/esm/helpers/normalizeStylePropKeys.mjs.map +2 -2
- package/dist/esm/helpers/normalizeStylePropKeys.native.js +1 -15
- package/dist/esm/helpers/normalizeStylePropKeys.native.js.map +2 -2
- package/dist/esm/helpers/normalizeStylePropKeys.native.mjs +1 -15
- package/dist/esm/helpers/normalizeStylePropKeys.native.mjs.map +2 -2
- package/dist/esm/helpers/normalizeValueWithProperty.js +1 -100
- package/dist/esm/helpers/normalizeValueWithProperty.js.map +2 -2
- package/dist/esm/helpers/normalizeValueWithProperty.mjs +1 -100
- package/dist/esm/helpers/normalizeValueWithProperty.mjs.map +2 -2
- package/dist/esm/helpers/proxyThemeVariables.js +1 -15
- package/dist/esm/helpers/proxyThemeVariables.js.map +2 -2
- package/dist/esm/helpers/proxyThemeVariables.mjs +1 -15
- package/dist/esm/helpers/proxyThemeVariables.mjs.map +2 -2
- package/dist/esm/helpers/pseudoDescriptors.js +1 -28
- package/dist/esm/helpers/pseudoDescriptors.js.map +2 -2
- package/dist/esm/helpers/pseudoDescriptors.mjs +1 -28
- package/dist/esm/helpers/pseudoDescriptors.mjs.map +2 -2
- package/dist/esm/helpers/registerCSSVariable.js +1 -13
- package/dist/esm/helpers/registerCSSVariable.js.map +2 -2
- package/dist/esm/helpers/registerCSSVariable.mjs +1 -13
- package/dist/esm/helpers/registerCSSVariable.mjs.map +2 -2
- package/dist/esm/helpers/themeable.js +1 -27
- package/dist/esm/helpers/themeable.js.map +2 -2
- package/dist/esm/helpers/themeable.mjs +1 -27
- package/dist/esm/helpers/themeable.mjs.map +2 -2
- package/dist/esm/helpers/themes.js +1 -50
- package/dist/esm/helpers/themes.js.map +2 -2
- package/dist/esm/helpers/themes.mjs +1 -50
- package/dist/esm/helpers/themes.mjs.map +2 -2
- package/dist/esm/helpers/timer.js +1 -10
- package/dist/esm/helpers/timer.js.map +2 -2
- package/dist/esm/helpers/timer.mjs +1 -10
- package/dist/esm/helpers/timer.mjs.map +2 -2
- package/dist/esm/helpers/useShallowSetState.js +1 -34
- package/dist/esm/helpers/useShallowSetState.js.map +2 -2
- package/dist/esm/helpers/useShallowSetState.mjs +1 -34
- package/dist/esm/helpers/useShallowSetState.mjs.map +2 -2
- package/dist/esm/helpers/warnOnce.js +1 -13
- package/dist/esm/helpers/warnOnce.js.map +2 -2
- package/dist/esm/helpers/warnOnce.mjs +1 -13
- package/dist/esm/helpers/warnOnce.mjs.map +2 -2
- package/dist/esm/helpers/withStaticProperties.js +1 -8
- package/dist/esm/helpers/withStaticProperties.js.map +2 -2
- package/dist/esm/helpers/withStaticProperties.mjs +1 -8
- package/dist/esm/helpers/withStaticProperties.mjs.map +2 -2
- package/dist/esm/hooks/getThemeUnwrapped.js +1 -8
- package/dist/esm/hooks/getThemeUnwrapped.js.map +2 -2
- package/dist/esm/hooks/getThemeUnwrapped.mjs +1 -8
- package/dist/esm/hooks/getThemeUnwrapped.mjs.map +2 -2
- package/dist/esm/hooks/useAnimationDriver.js +1 -9
- package/dist/esm/hooks/useAnimationDriver.js.map +2 -2
- package/dist/esm/hooks/useAnimationDriver.mjs +1 -9
- package/dist/esm/hooks/useAnimationDriver.mjs.map +2 -2
- package/dist/esm/hooks/useId.js +1 -4
- package/dist/esm/hooks/useId.js.map +2 -2
- package/dist/esm/hooks/useId.mjs +1 -4
- package/dist/esm/hooks/useId.mjs.map +2 -2
- package/dist/esm/hooks/useIsTouchDevice.js +1 -8
- package/dist/esm/hooks/useIsTouchDevice.js.map +2 -2
- package/dist/esm/hooks/useIsTouchDevice.mjs +1 -8
- package/dist/esm/hooks/useIsTouchDevice.mjs.map +2 -2
- package/dist/esm/hooks/useMedia.js +1 -225
- package/dist/esm/hooks/useMedia.js.map +2 -2
- package/dist/esm/hooks/useMedia.mjs +1 -225
- package/dist/esm/hooks/useMedia.mjs.map +2 -2
- package/dist/esm/hooks/useSafeRef.js +1 -34
- package/dist/esm/hooks/useSafeRef.js.map +2 -2
- package/dist/esm/hooks/useSafeRef.mjs +1 -34
- package/dist/esm/hooks/useSafeRef.mjs.map +2 -2
- package/dist/esm/hooks/useServerHooks.js +1 -10
- package/dist/esm/hooks/useServerHooks.js.map +2 -2
- package/dist/esm/hooks/useServerHooks.mjs +1 -10
- package/dist/esm/hooks/useServerHooks.mjs.map +2 -2
- package/dist/esm/hooks/useStyle.js +1 -36
- package/dist/esm/hooks/useStyle.js.map +2 -2
- package/dist/esm/hooks/useStyle.mjs +1 -36
- package/dist/esm/hooks/useStyle.mjs.map +2 -2
- package/dist/esm/hooks/useTheme.js +1 -204
- package/dist/esm/hooks/useTheme.js.map +2 -2
- package/dist/esm/hooks/useTheme.mjs +1 -204
- package/dist/esm/hooks/useTheme.mjs.map +2 -2
- package/dist/esm/hooks/useThemeName.js +1 -27
- package/dist/esm/hooks/useThemeName.js.map +2 -2
- package/dist/esm/hooks/useThemeName.mjs +1 -27
- package/dist/esm/hooks/useThemeName.mjs.map +2 -2
- package/dist/esm/index.js +1 -88
- package/dist/esm/index.js.map +2 -2
- package/dist/esm/index.mjs +1 -88
- package/dist/esm/index.mjs.map +2 -2
- package/dist/esm/inject-styles.js +1 -15
- package/dist/esm/inject-styles.js.map +2 -2
- package/dist/esm/inject-styles.mjs +1 -15
- package/dist/esm/inject-styles.mjs.map +2 -2
- package/dist/esm/insertFont.js +1 -66
- package/dist/esm/insertFont.js.map +2 -2
- package/dist/esm/insertFont.mjs +1 -66
- package/dist/esm/insertFont.mjs.map +2 -2
- package/dist/esm/setupHooks.js +1 -8
- package/dist/esm/setupHooks.js.map +2 -2
- package/dist/esm/setupHooks.mjs +1 -8
- package/dist/esm/setupHooks.mjs.map +2 -2
- package/dist/esm/setupReactNative.js +1 -24
- package/dist/esm/setupReactNative.js.map +2 -2
- package/dist/esm/setupReactNative.mjs +1 -24
- package/dist/esm/setupReactNative.mjs.map +2 -2
- package/dist/esm/styled.js +1 -69
- package/dist/esm/styled.js.map +2 -2
- package/dist/esm/styled.mjs +1 -69
- package/dist/esm/styled.mjs.map +2 -2
- package/dist/esm/updateTheme.js +1 -22
- package/dist/esm/updateTheme.js.map +2 -2
- package/dist/esm/updateTheme.mjs +1 -22
- package/dist/esm/updateTheme.mjs.map +2 -2
- package/dist/esm/views/AnimationDriverProvider.js +1 -8
- package/dist/esm/views/AnimationDriverProvider.js.map +2 -2
- package/dist/esm/views/AnimationDriverProvider.mjs +1 -8
- package/dist/esm/views/AnimationDriverProvider.mjs.map +2 -2
- package/dist/esm/views/FontLanguage.js +1 -16
- package/dist/esm/views/FontLanguage.js.map +2 -2
- package/dist/esm/views/FontLanguage.mjs +1 -16
- package/dist/esm/views/FontLanguage.mjs.map +2 -2
- package/dist/esm/views/FontLanguage.native.js +1 -10
- package/dist/esm/views/FontLanguage.native.js.map +2 -2
- package/dist/esm/views/FontLanguage.native.mjs +1 -10
- package/dist/esm/views/FontLanguage.native.mjs.map +2 -2
- package/dist/esm/views/Slot.js +1 -65
- package/dist/esm/views/Slot.js.map +2 -2
- package/dist/esm/views/Slot.mjs +1 -65
- package/dist/esm/views/Slot.mjs.map +2 -2
- package/dist/esm/views/Stack.js +1 -13
- package/dist/esm/views/Stack.js.map +2 -2
- package/dist/esm/views/Stack.mjs +1 -13
- package/dist/esm/views/Stack.mjs.map +2 -2
- package/dist/esm/views/TamaguiProvider.js +1 -56
- package/dist/esm/views/TamaguiProvider.js.map +2 -2
- package/dist/esm/views/TamaguiProvider.mjs +1 -56
- package/dist/esm/views/TamaguiProvider.mjs.map +2 -2
- package/dist/esm/views/Text.js +1 -71
- package/dist/esm/views/Text.js.map +2 -2
- package/dist/esm/views/Text.mjs +1 -71
- package/dist/esm/views/Text.mjs.map +2 -2
- package/dist/esm/views/Theme.js +1 -55
- package/dist/esm/views/Theme.js.map +2 -2
- package/dist/esm/views/Theme.mjs +1 -55
- package/dist/esm/views/Theme.mjs.map +2 -2
- package/dist/esm/views/ThemeProvider.js +1 -44
- package/dist/esm/views/ThemeProvider.js.map +2 -2
- package/dist/esm/views/ThemeProvider.mjs +1 -44
- package/dist/esm/views/ThemeProvider.mjs.map +2 -2
- package/package.json +9 -9
|
@@ -1,205 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { useContext, useEffect, useMemo, useState } from "react";
|
|
3
|
-
import { getConfig } from "../config.js";
|
|
4
|
-
import { isDevTools } from "../constants/isDevTools.js";
|
|
5
|
-
import { createProxy } from "../helpers/createProxy.js";
|
|
6
|
-
import {
|
|
7
|
-
ThemeManager,
|
|
8
|
-
hasNoThemeUpdatingProps
|
|
9
|
-
} from "../helpers/ThemeManager.js";
|
|
10
|
-
import { ThemeManagerContext } from "../helpers/ThemeManagerContext.js";
|
|
11
|
-
import { GetThemeUnwrapped } from "./getThemeUnwrapped.js";
|
|
12
|
-
import { useServerRef } from "./useServerHooks.js";
|
|
13
|
-
const emptyProps = { name: null };
|
|
14
|
-
function getDefaultThemeProxied() {
|
|
15
|
-
const config = getConfig();
|
|
16
|
-
const name = Object.keys(config.themes)[0];
|
|
17
|
-
return getThemeProxied({
|
|
18
|
-
theme: config.themes[name],
|
|
19
|
-
name
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
const useTheme = (props = emptyProps) => {
|
|
23
|
-
var _a;
|
|
24
|
-
return (isRSC ? null : (_a = useThemeWithState(props)) == null ? void 0 : _a.theme) || getDefaultThemeProxied();
|
|
25
|
-
};
|
|
26
|
-
const useThemeWithState = (props) => {
|
|
27
|
-
var _a;
|
|
28
|
-
const keys = useServerRef([]);
|
|
29
|
-
const changedTheme = useChangeThemeEffect(
|
|
30
|
-
props,
|
|
31
|
-
false,
|
|
32
|
-
isClient ? () => {
|
|
33
|
-
var _a2;
|
|
34
|
-
return ((_a2 = props.shouldUpdate) == null ? void 0 : _a2.call(props)) ?? keys.current.length === 0;
|
|
35
|
-
} : void 0
|
|
36
|
-
);
|
|
37
|
-
const { themeManager, isNewTheme, theme, name, className } = changedTheme;
|
|
38
|
-
if (process.env.NODE_ENV === "development") {
|
|
39
|
-
if (isWeb && isNewTheme && className === ((_a = themeManager == null ? void 0 : themeManager.parentManager) == null ? void 0 : _a.state.className)) {
|
|
40
|
-
console.error("Should always change, duplicating ThemeMananger bug", themeManager);
|
|
41
|
-
}
|
|
42
|
-
if (props.debug === "verbose") {
|
|
43
|
-
console.groupCollapsed(" \u{1F539} useTheme =>", name);
|
|
44
|
-
const logs = { ...props, name, className, ...isDevTools && { theme } };
|
|
45
|
-
for (const key in logs) {
|
|
46
|
-
console.log(" ", key, logs[key]);
|
|
47
|
-
}
|
|
48
|
-
console.groupEnd();
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
if (!changedTheme.theme) {
|
|
52
|
-
if (process.env.NODE_ENV === "development") {
|
|
53
|
-
console.warn("No theme found", name, props, themeManager);
|
|
54
|
-
}
|
|
55
|
-
return null;
|
|
56
|
-
}
|
|
57
|
-
const proxiedTheme = useMemo(() => {
|
|
58
|
-
return getThemeProxied(changedTheme);
|
|
59
|
-
}, [theme, isNewTheme, name, className, themeManager]);
|
|
60
|
-
return {
|
|
61
|
-
...changedTheme,
|
|
62
|
-
theme: proxiedTheme
|
|
63
|
-
};
|
|
64
|
-
};
|
|
65
|
-
function getThemeProxied({
|
|
66
|
-
theme,
|
|
67
|
-
themeManager,
|
|
68
|
-
keys
|
|
69
|
-
}) {
|
|
70
|
-
return createProxy(theme, {
|
|
71
|
-
has(_, key) {
|
|
72
|
-
if (typeof key === "string") {
|
|
73
|
-
if (key[0] === "$")
|
|
74
|
-
key = key.slice(1);
|
|
75
|
-
return themeManager == null ? void 0 : themeManager.allKeys.has(key);
|
|
76
|
-
}
|
|
77
|
-
return Reflect.has(theme, key);
|
|
78
|
-
},
|
|
79
|
-
get(_, key) {
|
|
80
|
-
if (key === GetThemeUnwrapped) {
|
|
81
|
-
return theme;
|
|
82
|
-
}
|
|
83
|
-
if (key === "undefined" || key === "__proto__" || key === "$typeof" || typeof key !== "string" || !themeManager) {
|
|
84
|
-
return Reflect.get(_, key);
|
|
85
|
-
}
|
|
86
|
-
const keyString = key;
|
|
87
|
-
if (key[0] === "$") {
|
|
88
|
-
key = key.slice(1);
|
|
89
|
-
}
|
|
90
|
-
const val = themeManager.getValue(key);
|
|
91
|
-
const currentKeys = keys == null ? void 0 : keys.current;
|
|
92
|
-
if (val && currentKeys) {
|
|
93
|
-
return new Proxy(val, {
|
|
94
|
-
// when they touch the actual value we only track it
|
|
95
|
-
// if its a variable (web), its ignored!
|
|
96
|
-
get(_2, subkey) {
|
|
97
|
-
if (subkey === "val" && !currentKeys.includes(keyString)) {
|
|
98
|
-
currentKeys.push(keyString);
|
|
99
|
-
}
|
|
100
|
-
return Reflect.get(val, subkey);
|
|
101
|
-
}
|
|
102
|
-
});
|
|
103
|
-
}
|
|
104
|
-
return val;
|
|
105
|
-
}
|
|
106
|
-
});
|
|
107
|
-
}
|
|
108
|
-
const activeThemeManagers = /* @__PURE__ */ new Set();
|
|
109
|
-
const useChangeThemeEffect = (props, root = false, disableUpdate) => {
|
|
110
|
-
if (isRSC) {
|
|
111
|
-
return {
|
|
112
|
-
...createState().state,
|
|
113
|
-
themeManager: null
|
|
114
|
-
};
|
|
115
|
-
}
|
|
116
|
-
const parentManager = useContext(ThemeManagerContext);
|
|
117
|
-
const {
|
|
118
|
-
debug,
|
|
119
|
-
// @ts-expect-error internal use only
|
|
120
|
-
disable
|
|
121
|
-
} = props;
|
|
122
|
-
if (disable) {
|
|
123
|
-
if (!parentManager)
|
|
124
|
-
throw `\u274C`;
|
|
125
|
-
return {
|
|
126
|
-
...parentManager.state,
|
|
127
|
-
isNewTheme: false,
|
|
128
|
-
themeManager: parentManager
|
|
129
|
-
};
|
|
130
|
-
}
|
|
131
|
-
const [themeState, setThemeState] = useState(createState);
|
|
132
|
-
const { isNewTheme, state, themeManager, mounted } = themeState;
|
|
133
|
-
if (!isServer) {
|
|
134
|
-
useEffect(() => {
|
|
135
|
-
if (disable)
|
|
136
|
-
return;
|
|
137
|
-
if (props.inverse && !mounted) {
|
|
138
|
-
setThemeState({ ...themeState, mounted: true });
|
|
139
|
-
return;
|
|
140
|
-
}
|
|
141
|
-
activeThemeManagers.add(themeManager);
|
|
142
|
-
return () => {
|
|
143
|
-
activeThemeManagers.delete(themeManager);
|
|
144
|
-
};
|
|
145
|
-
}, [disable, state, isNewTheme, debug]);
|
|
146
|
-
}
|
|
147
|
-
const isInversingOnMount = Boolean(!themeState.mounted && props.inverse);
|
|
148
|
-
const shouldReturnParentState = hasNoThemeUpdatingProps(props) || isInversingOnMount;
|
|
149
|
-
if (shouldReturnParentState) {
|
|
150
|
-
if (!parentManager)
|
|
151
|
-
throw "impossible";
|
|
152
|
-
if (process.env.NODE_ENV === "development" && props.debug === "verbose")
|
|
153
|
-
console.log("useTheme hasNoThemeUpdatingProps", parentManager.state.name, "isInversingOnMount", isInversingOnMount);
|
|
154
|
-
return {
|
|
155
|
-
...parentManager.state,
|
|
156
|
-
className: isInversingOnMount ? "" : parentManager.state.className,
|
|
157
|
-
themeManager: parentManager,
|
|
158
|
-
isNewTheme: false
|
|
159
|
-
};
|
|
160
|
-
}
|
|
161
|
-
updateState();
|
|
162
|
-
return {
|
|
163
|
-
...state,
|
|
164
|
-
isNewTheme,
|
|
165
|
-
themeManager
|
|
166
|
-
};
|
|
167
|
-
function createState(prev) {
|
|
168
|
-
if (prev && (disableUpdate == null ? void 0 : disableUpdate())) {
|
|
169
|
-
return prev;
|
|
170
|
-
}
|
|
171
|
-
const _ = new ThemeManager(props, root ? "root" : parentManager);
|
|
172
|
-
const isNewTheme2 = _ !== parentManager;
|
|
173
|
-
const mounted2 = !props.inverse ? true : root || (prev == null ? void 0 : prev.mounted);
|
|
174
|
-
return {
|
|
175
|
-
// ThemeManager returns parentManager if no change
|
|
176
|
-
isNewTheme: isNewTheme2,
|
|
177
|
-
state: { ..._.state },
|
|
178
|
-
themeManager: _,
|
|
179
|
-
mounted: mounted2
|
|
180
|
-
};
|
|
181
|
-
}
|
|
182
|
-
function updateState(updatingManager) {
|
|
183
|
-
if (disableUpdate == null ? void 0 : disableUpdate()) {
|
|
184
|
-
return;
|
|
185
|
-
}
|
|
186
|
-
const manager = updatingManager ?? themeManager;
|
|
187
|
-
const next = manager.getState(props, parentManager);
|
|
188
|
-
const shouldChange = manager.getStateShouldChange(next, isNewTheme ? state : null);
|
|
189
|
-
if (shouldChange) {
|
|
190
|
-
setThemeState(createState);
|
|
191
|
-
} else {
|
|
192
|
-
if (!next && (parentManager == null ? void 0 : parentManager.state.name) !== state.name) {
|
|
193
|
-
setThemeState(createState);
|
|
194
|
-
}
|
|
195
|
-
}
|
|
196
|
-
}
|
|
197
|
-
};
|
|
198
|
-
export {
|
|
199
|
-
activeThemeManagers,
|
|
200
|
-
getThemeProxied,
|
|
201
|
-
useChangeThemeEffect,
|
|
202
|
-
useTheme,
|
|
203
|
-
useThemeWithState
|
|
204
|
-
};
|
|
1
|
+
import{isClient as v,isRSC as N,isServer as C,isWeb as M}from"@tamagui/constants";import{useContext as R,useEffect as _,useMemo as p,useState as E}from"react";import{getConfig as O}from"../config.js";import{isDevTools as b}from"../constants/isDevTools.js";import{createProxy as D}from"../helpers/createProxy.js";import{ThemeManager as V,hasNoThemeUpdatingProps as j}from"../helpers/ThemeManager.js";import{ThemeManagerContext as $}from"../helpers/ThemeManagerContext.js";import{GetThemeUnwrapped as I}from"./getThemeUnwrapped.js";import{useServerRef as K}from"./useServerHooks.js";const W={name:null};function y(){const e=O(),o=Object.keys(e.themes)[0];return P({theme:e.themes[o],name:o})}const U=(e=W)=>{var o;return(N?null:(o=B(e))==null?void 0:o.theme)||y()},B=e=>{var m;const o=K([]),r=G(e,!1,v?()=>{var u;return((u=e.shouldUpdate)==null?void 0:u.call(e))??o.current.length===0}:void 0),{themeManager:t,isNewTheme:n,theme:i,name:s,className:a}=r;if(process.env.NODE_ENV==="development"&&(M&&n&&a===((m=t==null?void 0:t.parentManager)==null?void 0:m.state.className)&&console.error("Should always change, duplicating ThemeMananger bug",t),e.debug==="verbose")){console.groupCollapsed(" \u{1F539} useTheme =>",s);const u={...e,name:s,className:a,...b&&{theme:i}};for(const l in u)console.log(" ",l,u[l]);console.groupEnd()}if(!r.theme)return process.env.NODE_ENV==="development"&&console.warn("No theme found",s,e,t),null;const c=p(()=>P(r),[i,n,s,a,t]);return{...r,theme:c}};function P({theme:e,themeManager:o,keys:r}){return D(e,{has(t,n){return typeof n=="string"?(n[0]==="$"&&(n=n.slice(1)),o==null?void 0:o.allKeys.has(n)):Reflect.has(e,n)},get(t,n){if(n===I)return e;if(n==="undefined"||n==="__proto__"||n==="$typeof"||typeof n!="string"||!o)return Reflect.get(t,n);const i=n;n[0]==="$"&&(n=n.slice(1));const s=o.getValue(n),a=r==null?void 0:r.current;return s&&a?new Proxy(s,{get(c,m){return m==="val"&&!a.includes(i)&&a.push(i),Reflect.get(s,m)}}):s}})}const w=new Set,G=(e,o=!1,r)=>{if(N)return{...g().state,themeManager:null};const t=R($),{debug:n,disable:i}=e;if(i){if(!t)throw"\u274C";return{...t.state,isNewTheme:!1,themeManager:t}}const[s,a]=E(g),{isNewTheme:c,state:m,themeManager:u,mounted:l}=s;C||_(()=>{if(!i){if(e.inverse&&!l){a({...s,mounted:!0});return}return w.add(u),()=>{w.delete(u)}}},[i,m,c,n]);const d=Boolean(!s.mounted&&e.inverse);if(j(e)||d){if(!t)throw"impossible";return process.env.NODE_ENV==="development"&&e.debug==="verbose"&&console.log("useTheme hasNoThemeUpdatingProps",t.state.name,"isInversingOnMount",d),{...t.state,className:d?"":t.state.className,themeManager:t,isNewTheme:!1}}return x(),{...m,isNewTheme:c,themeManager:u};function g(h){if(h&&(r!=null&&r()))return h;const f=new V(e,o?"root":t),T=f!==t,S=e.inverse?o||(h==null?void 0:h.mounted):!0;return{isNewTheme:T,state:{...f.state},themeManager:f,mounted:S}}function x(h){if(r!=null&&r())return;const f=h??u,T=f.getState(e,t);(f.getStateShouldChange(T,c?m:null)||!T&&(t==null?void 0:t.state.name)!==m.name)&&a(g)}};export{w as activeThemeManagers,P as getThemeProxied,G as useChangeThemeEffect,U as useTheme,B as useThemeWithState};
|
|
205
2
|
//# sourceMappingURL=useTheme.mjs.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/useTheme.tsx"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable no-console */\nimport { isClient, isRSC, isServer, isWeb } from '@tamagui/constants'\nimport { useContext, useEffect, useMemo, useState } from 'react'\n\nimport { getConfig } from '../config.js'\nimport { isDevTools } from '../constants/isDevTools.js'\nimport { createProxy } from '../helpers/createProxy.js'\nimport {\n ThemeManager,\n ThemeManagerState,\n hasNoThemeUpdatingProps,\n} from '../helpers/ThemeManager.js'\nimport { ThemeManagerContext } from '../helpers/ThemeManagerContext.js'\nimport type { ThemeParsed, ThemeProps } from '../types.js'\nimport { GetThemeUnwrapped } from './getThemeUnwrapped.js'\nimport { useServerRef } from './useServerHooks.js'\n\nexport type ChangedThemeResponse = {\n themeManager: ThemeManager | null\n name: string\n isNewTheme?: boolean\n theme?: ThemeParsed | null\n className?: string\n}\n\nconst emptyProps = { name: null }\n\nfunction getDefaultThemeProxied() {\n const config = getConfig()\n const name = Object.keys(config.themes)[0]\n return getThemeProxied({\n theme: config.themes[name],\n name,\n })\n}\n\nexport const useTheme = (props: ThemeProps = emptyProps): ThemeParsed => {\n return (isRSC ? null : useThemeWithState(props)?.theme) || getDefaultThemeProxied()\n}\n\nexport const useThemeWithState = (props: ThemeProps) => {\n const keys = useServerRef([])\n\n const changedTheme = useChangeThemeEffect(\n props,\n false,\n isClient\n ? () => {\n return props.shouldUpdate?.() ?? keys.current.length === 0\n }\n : undefined\n )\n\n const { themeManager, isNewTheme, theme, name, className } = changedTheme\n\n if (process.env.NODE_ENV === 'development') {\n // ensure we aren't creating too many ThemeManagers\n // prettier-ignore\n if (isWeb && isNewTheme && className === themeManager?.parentManager?.state.className) {\n console.error('Should always change, duplicating ThemeMananger bug', themeManager)\n }\n if (props.debug === 'verbose') {\n console.groupCollapsed(' \uD83D\uDD39 useTheme =>', name)\n const logs = { ...props, name, className, ...(isDevTools && { theme }) }\n for (const key in logs) {\n console.log(' ', key, logs[key])\n }\n console.groupEnd()\n }\n }\n\n if (!changedTheme.theme) {\n if (process.env.NODE_ENV === 'development') {\n console.warn('No theme found', name, props, themeManager)\n }\n return null\n }\n\n const proxiedTheme = useMemo(() => {\n return getThemeProxied(changedTheme as any)\n }, [theme, isNewTheme, name, className, themeManager])\n\n return {\n ...changedTheme,\n theme: proxiedTheme,\n }\n}\n\nexport function getThemeProxied({\n theme,\n themeManager,\n keys,\n}: Partial<ChangedThemeResponse> & {\n theme: ThemeParsed\n keys?: React.RefObject<string[]>\n}) {\n return createProxy(theme, {\n has(_, key) {\n if (typeof key === 'string') {\n if (key[0] === '$') key = key.slice(1)\n return themeManager?.allKeys.has(key)\n }\n return Reflect.has(theme, key)\n },\n get(_, key) {\n if (key === GetThemeUnwrapped) {\n return theme\n }\n if (\n key === 'undefined' ||\n key === '__proto__' ||\n key === '$typeof' ||\n typeof key !== 'string' ||\n !themeManager\n ) {\n return Reflect.get(_, key)\n }\n const keyString = key\n // auto convert variables to plain\n if (key[0] === '$') {\n key = key.slice(1)\n }\n const val = themeManager.getValue(key)\n const currentKeys = keys?.current\n if (val && currentKeys) {\n return new Proxy(val as any, {\n // when they touch the actual value we only track it\n // if its a variable (web), its ignored!\n get(_, subkey) {\n if (subkey === 'val' && !currentKeys.includes(keyString)) {\n currentKeys.push(keyString)\n }\n return Reflect.get(val as any, subkey)\n },\n })\n }\n return val\n },\n })\n}\n\nexport const activeThemeManagers = new Set<ThemeManager>()\n\nexport const useChangeThemeEffect = (\n props: ThemeProps,\n root = false,\n disableUpdate?: () => boolean\n): ChangedThemeResponse => {\n if (isRSC) {\n // we need context working for this to work well\n return {\n ...createState().state,\n themeManager: null,\n }\n }\n const parentManager = useContext(ThemeManagerContext)\n\n const {\n debug,\n // @ts-expect-error internal use only\n disable,\n } = props\n\n if (disable) {\n if (!parentManager) throw `\u274C`\n return {\n ...parentManager.state,\n isNewTheme: false,\n themeManager: parentManager,\n }\n }\n\n type State = {\n isNewTheme: boolean\n state: ThemeManagerState\n themeManager: ThemeManager\n mounted?: boolean\n }\n\n const [themeState, setThemeState] = useState<State>(createState)\n const { isNewTheme, state, themeManager, mounted } = themeState\n\n if (!isServer) {\n useEffect(() => {\n if (disable) return\n // SSR safe inverse (because server can't know prefers scheme)\n // could be done through fancy selectors like how we do prefers-media\n // but may be a bit of explosion of selectors\n if (props.inverse && !mounted) {\n setThemeState({ ...themeState, mounted: true })\n return\n }\n activeThemeManagers.add(themeManager)\n // const disposeChangeListener = parentManager?.onChangeTheme((name, manager) => {\n // // console.log('hi', props, state, name, manager)\n // if (state.theme !== manager.state.theme) {\n // console.warn('now update to', manager.state.name)\n // updateState(manager)\n // }\n // })\n return () => {\n activeThemeManagers.delete(themeManager)\n // disposeChangeListener?.()\n }\n }, [disable, state, isNewTheme, debug])\n }\n\n const isInversingOnMount = Boolean(!themeState.mounted && props.inverse)\n const shouldReturnParentState = hasNoThemeUpdatingProps(props) || isInversingOnMount\n\n if (shouldReturnParentState) {\n if (!parentManager) throw 'impossible'\n // prettier-ignore\n if (process.env.NODE_ENV === 'development' && props.debug === 'verbose') console.log('useTheme hasNoThemeUpdatingProps', parentManager.state.name, 'isInversingOnMount', isInversingOnMount)\n return {\n ...parentManager.state,\n className: isInversingOnMount ? '' : parentManager.state.className,\n themeManager: parentManager,\n isNewTheme: false,\n }\n }\n\n // run inline in render\n updateState()\n\n return {\n ...state,\n isNewTheme,\n themeManager,\n }\n\n function createState(prev?: State) {\n if (prev && disableUpdate?.()) {\n return prev\n }\n // returns previous theme manager if no change\n const _ = new ThemeManager(props, root ? 'root' : parentManager)\n const isNewTheme = _ !== parentManager\n // prettier-ignore\n\n // if (prev?.isNewTheme && _.state.theme !== parentManager?.state.theme) {\n // console.warn('notify')\n // _.notify()\n // }\n\n // only inverse relies on this for ssr\n const mounted = !props.inverse ? true : root || prev?.mounted\n return {\n // ThemeManager returns parentManager if no change\n isNewTheme,\n state: { ..._.state },\n themeManager: _,\n mounted,\n }\n }\n\n function updateState(updatingManager?: ThemeManager) {\n if (disableUpdate?.()) {\n return\n }\n const manager = updatingManager ?? themeManager\n const next = manager.getState(props, parentManager)\n const shouldChange = manager.getStateShouldChange(next, isNewTheme ? state : null)\n // console.log(`got it`, next, isNewTheme, shouldChange, { ...updatingManager?.state })\n if (shouldChange) {\n setThemeState(createState)\n } else {\n if (!next && parentManager?.state.name !== state.name) {\n // were changing back to parent state\n setThemeState(createState)\n }\n }\n }\n}\n"],
|
|
5
|
-
"mappings": "AACA,
|
|
6
|
-
"names": ["_a", "
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["isClient", "isRSC", "isServer", "isWeb", "useContext", "useEffect", "useMemo", "useState", "getConfig", "isDevTools", "createProxy", "ThemeManager", "hasNoThemeUpdatingProps", "ThemeManagerContext", "GetThemeUnwrapped", "useServerRef", "emptyProps", "getDefaultThemeProxied", "config", "name", "getThemeProxied", "useTheme", "props", "_a", "useThemeWithState", "keys", "changedTheme", "useChangeThemeEffect", "themeManager", "isNewTheme", "theme", "className", "logs", "key", "proxiedTheme", "_", "keyString", "val", "currentKeys", "subkey", "activeThemeManagers", "root", "disableUpdate", "createState", "parentManager", "debug", "disable", "themeState", "setThemeState", "state", "mounted", "isInversingOnMount", "updateState", "prev", "updatingManager", "manager", "next"]
|
|
7
7
|
}
|
|
@@ -1,28 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { useContext, useState } from "react";
|
|
3
|
-
import { getConfig } from "../config.js";
|
|
4
|
-
import { ThemeManagerContext } from "../helpers/ThemeManagerContext.js";
|
|
5
|
-
function useThemeName(opts) {
|
|
6
|
-
if (isRSC) {
|
|
7
|
-
const config = getConfig();
|
|
8
|
-
return config.themes[Object.keys(config.themes)[0]];
|
|
9
|
-
}
|
|
10
|
-
const manager = useContext(ThemeManagerContext);
|
|
11
|
-
const [name, setName] = useState((manager == null ? void 0 : manager.state.name) || "");
|
|
12
|
-
useIsomorphicLayoutEffect(() => {
|
|
13
|
-
if (!manager)
|
|
14
|
-
return;
|
|
15
|
-
setName(manager.state.name);
|
|
16
|
-
return manager.onChangeTheme((next, manager2) => {
|
|
17
|
-
const name2 = (opts == null ? void 0 : opts.parent) ? manager2.state.parentName || next : next;
|
|
18
|
-
if (!name2)
|
|
19
|
-
return;
|
|
20
|
-
setName(name2);
|
|
21
|
-
});
|
|
22
|
-
}, [manager == null ? void 0 : manager.state.name]);
|
|
23
|
-
return name;
|
|
24
|
-
}
|
|
25
|
-
export {
|
|
26
|
-
useThemeName
|
|
27
|
-
};
|
|
1
|
+
import{isRSC as s,useIsomorphicLayoutEffect as f}from"@tamagui/constants";import{useContext as i,useState as u}from"react";import{getConfig as c}from"../config.js";import{ThemeManagerContext as h}from"../helpers/ThemeManagerContext.js";function x(m){if(s){const t=c();return t.themes[Object.keys(t.themes)[0]]}const e=i(h),[o,r]=u((e==null?void 0:e.state.name)||"");return f(()=>{if(e)return r(e.state.name),e.onChangeTheme((t,a)=>{const n=m!=null&&m.parent&&a.state.parentName||t;n&&r(n)})},[e==null?void 0:e.state.name]),o}export{x as useThemeName};
|
|
28
2
|
//# sourceMappingURL=useThemeName.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/useThemeName.tsx"],
|
|
4
4
|
"sourcesContent": ["import { isRSC, useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport { useContext, useState } from 'react'\n\nimport { getConfig } from '../config.js'\nimport { ThemeManagerContext } from '../helpers/ThemeManagerContext.js'\nimport { ThemeName } from '../types.js'\n\nexport function useThemeName(opts?: { parent?: true }): ThemeName {\n if (isRSC) {\n const config = getConfig()\n return config.themes[Object.keys(config.themes)[0]] as any\n }\n const manager = useContext(ThemeManagerContext)\n const [name, setName] = useState(manager?.state.name || '')\n\n useIsomorphicLayoutEffect(() => {\n if (!manager) return\n setName(manager.state.name)\n return manager.onChangeTheme((next, manager) => {\n const name = opts?.parent ? manager.state.parentName || next : next\n if (!name) return\n setName(name)\n })\n }, [manager?.state.name])\n\n return name\n}\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": ["manager", "name"]
|
|
5
|
+
"mappings": "AAAA,OAAS,SAAAA,EAAO,6BAAAC,MAAiC,qBACjD,OAAS,cAAAC,EAAY,YAAAC,MAAgB,QAErC,OAAS,aAAAC,MAAiB,eAC1B,OAAS,uBAAAC,MAA2B,oCAG7B,SAASC,EAAaC,EAAqC,CAChE,GAAIP,EAAO,CACT,MAAMQ,EAASJ,EAAU,EACzB,OAAOI,EAAO,OAAO,OAAO,KAAKA,EAAO,MAAM,EAAE,CAAC,CAAC,CACpD,CACA,MAAMC,EAAUP,EAAWG,CAAmB,EACxC,CAACK,EAAMC,CAAO,EAAIR,GAASM,GAAA,YAAAA,EAAS,MAAM,OAAQ,EAAE,EAE1D,OAAAR,EAA0B,IAAM,CAC9B,GAAKQ,EACL,OAAAE,EAAQF,EAAQ,MAAM,IAAI,EACnBA,EAAQ,cAAc,CAACG,EAAMH,IAAY,CAC9C,MAAMC,EAAOH,GAAA,MAAAA,EAAM,QAASE,EAAQ,MAAM,YAAcG,EACnDF,GACLC,EAAQD,CAAI,CACd,CAAC,CACH,EAAG,CAACD,GAAA,YAAAA,EAAS,MAAM,IAAI,CAAC,EAEjBC,CACT",
|
|
6
|
+
"names": ["isRSC", "useIsomorphicLayoutEffect", "useContext", "useState", "getConfig", "ThemeManagerContext", "useThemeName", "opts", "config", "manager", "name", "setName", "next"]
|
|
7
7
|
}
|
|
@@ -1,28 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { useContext, useState } from "react";
|
|
3
|
-
import { getConfig } from "../config.js";
|
|
4
|
-
import { ThemeManagerContext } from "../helpers/ThemeManagerContext.js";
|
|
5
|
-
function useThemeName(opts) {
|
|
6
|
-
if (isRSC) {
|
|
7
|
-
const config = getConfig();
|
|
8
|
-
return config.themes[Object.keys(config.themes)[0]];
|
|
9
|
-
}
|
|
10
|
-
const manager = useContext(ThemeManagerContext);
|
|
11
|
-
const [name, setName] = useState((manager == null ? void 0 : manager.state.name) || "");
|
|
12
|
-
useIsomorphicLayoutEffect(() => {
|
|
13
|
-
if (!manager)
|
|
14
|
-
return;
|
|
15
|
-
setName(manager.state.name);
|
|
16
|
-
return manager.onChangeTheme((next, manager2) => {
|
|
17
|
-
const name2 = (opts == null ? void 0 : opts.parent) ? manager2.state.parentName || next : next;
|
|
18
|
-
if (!name2)
|
|
19
|
-
return;
|
|
20
|
-
setName(name2);
|
|
21
|
-
});
|
|
22
|
-
}, [manager == null ? void 0 : manager.state.name]);
|
|
23
|
-
return name;
|
|
24
|
-
}
|
|
25
|
-
export {
|
|
26
|
-
useThemeName
|
|
27
|
-
};
|
|
1
|
+
import{isRSC as s,useIsomorphicLayoutEffect as f}from"@tamagui/constants";import{useContext as i,useState as u}from"react";import{getConfig as c}from"../config.js";import{ThemeManagerContext as h}from"../helpers/ThemeManagerContext.js";function x(m){if(s){const t=c();return t.themes[Object.keys(t.themes)[0]]}const e=i(h),[o,r]=u((e==null?void 0:e.state.name)||"");return f(()=>{if(e)return r(e.state.name),e.onChangeTheme((t,a)=>{const n=m!=null&&m.parent&&a.state.parentName||t;n&&r(n)})},[e==null?void 0:e.state.name]),o}export{x as useThemeName};
|
|
28
2
|
//# sourceMappingURL=useThemeName.mjs.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/useThemeName.tsx"],
|
|
4
4
|
"sourcesContent": ["import { isRSC, useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport { useContext, useState } from 'react'\n\nimport { getConfig } from '../config.js'\nimport { ThemeManagerContext } from '../helpers/ThemeManagerContext.js'\nimport { ThemeName } from '../types.js'\n\nexport function useThemeName(opts?: { parent?: true }): ThemeName {\n if (isRSC) {\n const config = getConfig()\n return config.themes[Object.keys(config.themes)[0]] as any\n }\n const manager = useContext(ThemeManagerContext)\n const [name, setName] = useState(manager?.state.name || '')\n\n useIsomorphicLayoutEffect(() => {\n if (!manager) return\n setName(manager.state.name)\n return manager.onChangeTheme((next, manager) => {\n const name = opts?.parent ? manager.state.parentName || next : next\n if (!name) return\n setName(name)\n })\n }, [manager?.state.name])\n\n return name\n}\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": ["manager", "name"]
|
|
5
|
+
"mappings": "AAAA,OAAS,SAAAA,EAAO,6BAAAC,MAAiC,qBACjD,OAAS,cAAAC,EAAY,YAAAC,MAAgB,QAErC,OAAS,aAAAC,MAAiB,eAC1B,OAAS,uBAAAC,MAA2B,oCAG7B,SAASC,EAAaC,EAAqC,CAChE,GAAIP,EAAO,CACT,MAAMQ,EAASJ,EAAU,EACzB,OAAOI,EAAO,OAAO,OAAO,KAAKA,EAAO,MAAM,EAAE,CAAC,CAAC,CACpD,CACA,MAAMC,EAAUP,EAAWG,CAAmB,EACxC,CAACK,EAAMC,CAAO,EAAIR,GAASM,GAAA,YAAAA,EAAS,MAAM,OAAQ,EAAE,EAE1D,OAAAR,EAA0B,IAAM,CAC9B,GAAKQ,EACL,OAAAE,EAAQF,EAAQ,MAAM,IAAI,EACnBA,EAAQ,cAAc,CAACG,EAAMH,IAAY,CAC9C,MAAMC,EAAOH,GAAA,MAAAA,EAAM,QAASE,EAAQ,MAAM,YAAcG,EACnDF,GACLC,EAAQD,CAAI,CACd,CAAC,CACH,EAAG,CAACD,GAAA,YAAAA,EAAS,MAAM,IAAI,CAAC,EAEjBC,CACT",
|
|
6
|
+
"names": ["isRSC", "useIsomorphicLayoutEffect", "useContext", "useState", "getConfig", "ThemeManagerContext", "useThemeName", "opts", "config", "manager", "name", "setName", "next"]
|
|
7
7
|
}
|
package/dist/esm/index.js
CHANGED
|
@@ -1,89 +1,2 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from "./createComponent.js";
|
|
3
|
-
export * from "./createShorthands.js";
|
|
4
|
-
export * from "./createTheme.js";
|
|
5
|
-
export * from "./createTamagui.js";
|
|
6
|
-
export * from "./createFont.js";
|
|
7
|
-
export * from "./createTokens.js";
|
|
8
|
-
export * from "./createVariable.js";
|
|
9
|
-
export * from "./createVariables.js";
|
|
10
|
-
export * from "./insertFont.js";
|
|
11
|
-
export * from "./addTheme.js";
|
|
12
|
-
export * from "./updateTheme.js";
|
|
13
|
-
export * from "./styled.js";
|
|
14
|
-
export * from "./types.js";
|
|
15
|
-
export * from "./setupReactNative.js";
|
|
16
|
-
import {
|
|
17
|
-
getConfig,
|
|
18
|
-
getThemes,
|
|
19
|
-
getTokens,
|
|
20
|
-
onConfiguredOnce,
|
|
21
|
-
updateConfig
|
|
22
|
-
} from "./config.js";
|
|
23
|
-
export * from "./constants/constants.js";
|
|
24
|
-
export * from "./helpers/useShallowSetState.js";
|
|
25
|
-
export * from "./helpers/getVariantExtras.js";
|
|
26
|
-
export * from "./helpers/getAnimationDriver.js";
|
|
27
|
-
export * from "./helpers/getExpandedShorthands.js";
|
|
28
|
-
export * from "./helpers/getSplitStyles.js";
|
|
29
|
-
export * from "./helpers/getStylesAtomic";
|
|
30
|
-
export * from "./helpers/pseudoDescriptors.js";
|
|
31
|
-
export * from "./helpers/mergeProps.js";
|
|
32
|
-
export * from "./helpers/expandStyles.js";
|
|
33
|
-
export * from "./helpers/isTamaguiElement.js";
|
|
34
|
-
export * from "./helpers/isTamaguiComponent.js";
|
|
35
|
-
export * from "./helpers/matchMedia";
|
|
36
|
-
export * from "./helpers/themes.js";
|
|
37
|
-
export * from "./helpers/getThemeCSSRules.js";
|
|
38
|
-
export * from "./helpers/proxyThemeVariables.js";
|
|
39
|
-
export * from "./helpers/themeable.js";
|
|
40
|
-
export * from "./helpers/withStaticProperties.js";
|
|
41
|
-
export * from "./helpers/normalizeColor.js";
|
|
42
|
-
export * from "./contexts/ButtonNestingContext.js";
|
|
43
|
-
export * from "./hooks/useId.js";
|
|
44
|
-
export * from "./hooks/useIsTouchDevice.js";
|
|
45
|
-
import {
|
|
46
|
-
configureMedia,
|
|
47
|
-
getMedia,
|
|
48
|
-
mediaState,
|
|
49
|
-
useMedia,
|
|
50
|
-
useMediaPropsActive,
|
|
51
|
-
mediaObjectToString,
|
|
52
|
-
mediaQueryConfig
|
|
53
|
-
} from "./hooks/useMedia.js";
|
|
54
|
-
export * from "./hooks/useTheme.js";
|
|
55
|
-
export * from "./hooks/useThemeName.js";
|
|
56
|
-
export * from "./hooks/useSafeRef.js";
|
|
57
|
-
export * from "./hooks/useStyle.js";
|
|
58
|
-
export * from "./hooks/useAnimationDriver.js";
|
|
59
|
-
export * from "./views/Slot.js";
|
|
60
|
-
export * from "./views/Stack.js";
|
|
61
|
-
export * from "./views/Text.js";
|
|
62
|
-
export * from "./contexts/TextAncestorContext.js";
|
|
63
|
-
export * from "./views/Theme.js";
|
|
64
|
-
export * from "./views/ThemeProvider.js";
|
|
65
|
-
export * from "./views/FontLanguage";
|
|
66
|
-
export * from "./views/TamaguiProvider.js";
|
|
67
|
-
export * from "./views/AnimationDriverProvider.js";
|
|
68
|
-
export * from "@tamagui/use-force-update";
|
|
69
|
-
export * from "@tamagui/use-did-finish-ssr";
|
|
70
|
-
export * from "@tamagui/use-event";
|
|
71
|
-
export * from "@tamagui/compose-refs";
|
|
72
|
-
export * from "@tamagui/helpers";
|
|
73
|
-
export * from "@tamagui/constants";
|
|
74
|
-
export * from "./setupHooks.js";
|
|
75
|
-
export {
|
|
76
|
-
configureMedia,
|
|
77
|
-
getConfig,
|
|
78
|
-
getMedia,
|
|
79
|
-
getThemes,
|
|
80
|
-
getTokens,
|
|
81
|
-
mediaObjectToString,
|
|
82
|
-
mediaQueryConfig,
|
|
83
|
-
mediaState,
|
|
84
|
-
onConfiguredOnce,
|
|
85
|
-
updateConfig,
|
|
86
|
-
useMedia,
|
|
87
|
-
useMediaPropsActive
|
|
88
|
-
};
|
|
1
|
+
export*from"./Tamagui.js";export*from"./createComponent.js";export*from"./createShorthands.js";export*from"./createTheme.js";export*from"./createTamagui.js";export*from"./createFont.js";export*from"./createTokens.js";export*from"./createVariable.js";export*from"./createVariables.js";export*from"./insertFont.js";export*from"./addTheme.js";export*from"./updateTheme.js";export*from"./styled.js";export*from"./types.js";export*from"./setupReactNative.js";import{getConfig as M,getThemes as T,getTokens as O,onConfiguredOnce as S,updateConfig as b}from"./config.js";export*from"./constants/constants.js";export*from"./helpers/useShallowSetState.js";export*from"./helpers/getVariantExtras.js";export*from"./helpers/getAnimationDriver.js";export*from"./helpers/getExpandedShorthands.js";export*from"./helpers/getSplitStyles.js";export*from"./helpers/getStylesAtomic";export*from"./helpers/pseudoDescriptors.js";export*from"./helpers/mergeProps.js";export*from"./helpers/expandStyles.js";export*from"./helpers/isTamaguiElement.js";export*from"./helpers/isTamaguiComponent.js";export*from"./helpers/matchMedia";export*from"./helpers/themes.js";export*from"./helpers/getThemeCSSRules.js";export*from"./helpers/proxyThemeVariables.js";export*from"./helpers/themeable.js";export*from"./helpers/withStaticProperties.js";export*from"./helpers/normalizeColor.js";export*from"./contexts/ButtonNestingContext.js";export*from"./hooks/useId.js";export*from"./hooks/useIsTouchDevice.js";import{configureMedia as R,getMedia as U,mediaState as V,useMedia as W,useMediaPropsActive as X,mediaObjectToString as Y,mediaQueryConfig as Z}from"./hooks/useMedia.js";export*from"./hooks/useTheme.js";export*from"./hooks/useThemeName.js";export*from"./hooks/useSafeRef.js";export*from"./hooks/useStyle.js";export*from"./hooks/useAnimationDriver.js";export*from"./views/Slot.js";export*from"./views/Stack.js";export*from"./views/Text.js";export*from"./contexts/TextAncestorContext.js";export*from"./views/Theme.js";export*from"./views/ThemeProvider.js";export*from"./views/FontLanguage";export*from"./views/TamaguiProvider.js";export*from"./views/AnimationDriverProvider.js";export*from"@tamagui/use-force-update";export*from"@tamagui/use-did-finish-ssr";export*from"@tamagui/use-event";export*from"@tamagui/compose-refs";export*from"@tamagui/helpers";export*from"@tamagui/constants";export*from"./setupHooks.js";export{R as configureMedia,M as getConfig,U as getMedia,T as getThemes,O as getTokens,Y as mediaObjectToString,Z as mediaQueryConfig,V as mediaState,S as onConfiguredOnce,b as updateConfig,W as useMedia,X as useMediaPropsActive};
|
|
89
2
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.ts"],
|
|
4
4
|
"sourcesContent": ["export * from './Tamagui.js'\nexport * from './createComponent.js'\nexport * from './createShorthands.js'\nexport * from './createTheme.js'\nexport * from './createTamagui.js'\nexport * from './createFont.js'\nexport * from './createTokens.js'\nexport * from './createVariable.js'\nexport * from './createVariables.js'\nexport * from './insertFont.js'\nexport * from './addTheme.js'\nexport * from './updateTheme.js'\nexport * from './styled.js'\nexport * from './types.js'\nexport * from './setupReactNative.js'\n\nexport {\n getConfig,\n getThemes,\n getTokens,\n onConfiguredOnce,\n updateConfig,\n} from './config.js'\n\nexport * from './constants/constants.js'\n\nexport * from './helpers/useShallowSetState.js'\nexport * from './helpers/getVariantExtras.js'\nexport * from './helpers/getAnimationDriver.js'\nexport * from './helpers/getExpandedShorthands.js'\nexport * from './helpers/getSplitStyles.js'\nexport * from './helpers/getStylesAtomic'\nexport * from './helpers/pseudoDescriptors.js'\nexport * from './helpers/mergeProps.js'\nexport * from './helpers/expandStyles.js'\nexport * from './helpers/isTamaguiElement.js'\nexport * from './helpers/isTamaguiComponent.js'\nexport * from './helpers/matchMedia'\nexport * from './helpers/themes.js'\nexport * from './helpers/getThemeCSSRules.js'\nexport * from './helpers/proxyThemeVariables.js'\nexport * from './helpers/themeable.js'\nexport * from './helpers/withStaticProperties.js'\nexport * from './helpers/normalizeColor.js'\n\nexport * from './contexts/ButtonNestingContext.js'\n\nexport * from './hooks/useId.js'\nexport * from './hooks/useIsTouchDevice.js'\n\nexport {\n configureMedia,\n getMedia,\n mediaState,\n useMedia,\n useMediaPropsActive,\n mediaObjectToString,\n mediaQueryConfig,\n} from './hooks/useMedia.js'\nexport * from './hooks/useTheme.js'\nexport * from './hooks/useThemeName.js'\nexport * from './hooks/useSafeRef.js'\nexport * from './hooks/useStyle.js'\nexport * from './hooks/useAnimationDriver.js'\n\nexport * from './views/Slot.js'\nexport * from './views/Stack.js'\nexport * from './views/Text.js'\nexport * from './contexts/TextAncestorContext.js'\nexport * from './views/Theme.js'\nexport * from './views/ThemeProvider.js'\nexport * from './views/FontLanguage'\nexport * from './views/TamaguiProvider.js'\nexport * from './views/AnimationDriverProvider.js'\n\nexport * from '@tamagui/use-force-update'\nexport * from '@tamagui/use-did-finish-ssr'\nexport * from '@tamagui/use-event'\nexport * from '@tamagui/compose-refs'\nexport * from '@tamagui/helpers'\nexport * from '@tamagui/constants'\n\nexport * from './setupHooks.js'\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,WAAc,eACd,WAAc,uBACd,WAAc,wBACd,WAAc,mBACd,WAAc,qBACd,WAAc,kBACd,WAAc,oBACd,WAAc,sBACd,WAAc,uBACd,WAAc,kBACd,WAAc,gBACd,WAAc,mBACd,WAAc,cACd,WAAc,aACd,WAAc,wBAEd,OACE,aAAAA,EACA,aAAAC,EACA,aAAAC,EACA,oBAAAC,EACA,gBAAAC,MACK,cAEP,WAAc,2BAEd,WAAc,kCACd,WAAc,gCACd,WAAc,kCACd,WAAc,qCACd,WAAc,8BACd,WAAc,4BACd,WAAc,iCACd,WAAc,0BACd,WAAc,4BACd,WAAc,gCACd,WAAc,kCACd,WAAc,uBACd,WAAc,sBACd,WAAc,gCACd,WAAc,mCACd,WAAc,yBACd,WAAc,oCACd,WAAc,8BAEd,WAAc,qCAEd,WAAc,mBACd,WAAc,8BAEd,OACE,kBAAAC,EACA,YAAAC,EACA,cAAAC,EACA,YAAAC,EACA,uBAAAC,EACA,uBAAAC,EACA,oBAAAC,MACK,sBACP,WAAc,sBACd,WAAc,0BACd,WAAc,wBACd,WAAc,sBACd,WAAc,gCAEd,WAAc,kBACd,WAAc,mBACd,WAAc,kBACd,WAAc,oCACd,WAAc,mBACd,WAAc,2BACd,WAAc,uBACd,WAAc,6BACd,WAAc,qCAEd,WAAc,4BACd,WAAc,8BACd,WAAc,qBACd,WAAc,wBACd,WAAc,mBACd,WAAc,qBAEd,WAAc",
|
|
6
|
+
"names": ["getConfig", "getThemes", "getTokens", "onConfiguredOnce", "updateConfig", "configureMedia", "getMedia", "mediaState", "useMedia", "useMediaPropsActive", "mediaObjectToString", "mediaQueryConfig"]
|
|
7
7
|
}
|
package/dist/esm/index.mjs
CHANGED
|
@@ -1,89 +1,2 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from "./createComponent.js";
|
|
3
|
-
export * from "./createShorthands.js";
|
|
4
|
-
export * from "./createTheme.js";
|
|
5
|
-
export * from "./createTamagui.js";
|
|
6
|
-
export * from "./createFont.js";
|
|
7
|
-
export * from "./createTokens.js";
|
|
8
|
-
export * from "./createVariable.js";
|
|
9
|
-
export * from "./createVariables.js";
|
|
10
|
-
export * from "./insertFont.js";
|
|
11
|
-
export * from "./addTheme.js";
|
|
12
|
-
export * from "./updateTheme.js";
|
|
13
|
-
export * from "./styled.js";
|
|
14
|
-
export * from "./types.js";
|
|
15
|
-
export * from "./setupReactNative.js";
|
|
16
|
-
import {
|
|
17
|
-
getConfig,
|
|
18
|
-
getThemes,
|
|
19
|
-
getTokens,
|
|
20
|
-
onConfiguredOnce,
|
|
21
|
-
updateConfig
|
|
22
|
-
} from "./config.js";
|
|
23
|
-
export * from "./constants/constants.js";
|
|
24
|
-
export * from "./helpers/useShallowSetState.js";
|
|
25
|
-
export * from "./helpers/getVariantExtras.js";
|
|
26
|
-
export * from "./helpers/getAnimationDriver.js";
|
|
27
|
-
export * from "./helpers/getExpandedShorthands.js";
|
|
28
|
-
export * from "./helpers/getSplitStyles.js";
|
|
29
|
-
export * from "./helpers/getStylesAtomic";
|
|
30
|
-
export * from "./helpers/pseudoDescriptors.js";
|
|
31
|
-
export * from "./helpers/mergeProps.js";
|
|
32
|
-
export * from "./helpers/expandStyles.js";
|
|
33
|
-
export * from "./helpers/isTamaguiElement.js";
|
|
34
|
-
export * from "./helpers/isTamaguiComponent.js";
|
|
35
|
-
export * from "./helpers/matchMedia";
|
|
36
|
-
export * from "./helpers/themes.js";
|
|
37
|
-
export * from "./helpers/getThemeCSSRules.js";
|
|
38
|
-
export * from "./helpers/proxyThemeVariables.js";
|
|
39
|
-
export * from "./helpers/themeable.js";
|
|
40
|
-
export * from "./helpers/withStaticProperties.js";
|
|
41
|
-
export * from "./helpers/normalizeColor.js";
|
|
42
|
-
export * from "./contexts/ButtonNestingContext.js";
|
|
43
|
-
export * from "./hooks/useId.js";
|
|
44
|
-
export * from "./hooks/useIsTouchDevice.js";
|
|
45
|
-
import {
|
|
46
|
-
configureMedia,
|
|
47
|
-
getMedia,
|
|
48
|
-
mediaState,
|
|
49
|
-
useMedia,
|
|
50
|
-
useMediaPropsActive,
|
|
51
|
-
mediaObjectToString,
|
|
52
|
-
mediaQueryConfig
|
|
53
|
-
} from "./hooks/useMedia.js";
|
|
54
|
-
export * from "./hooks/useTheme.js";
|
|
55
|
-
export * from "./hooks/useThemeName.js";
|
|
56
|
-
export * from "./hooks/useSafeRef.js";
|
|
57
|
-
export * from "./hooks/useStyle.js";
|
|
58
|
-
export * from "./hooks/useAnimationDriver.js";
|
|
59
|
-
export * from "./views/Slot.js";
|
|
60
|
-
export * from "./views/Stack.js";
|
|
61
|
-
export * from "./views/Text.js";
|
|
62
|
-
export * from "./contexts/TextAncestorContext.js";
|
|
63
|
-
export * from "./views/Theme.js";
|
|
64
|
-
export * from "./views/ThemeProvider.js";
|
|
65
|
-
export * from "./views/FontLanguage";
|
|
66
|
-
export * from "./views/TamaguiProvider.js";
|
|
67
|
-
export * from "./views/AnimationDriverProvider.js";
|
|
68
|
-
export * from "@tamagui/use-force-update";
|
|
69
|
-
export * from "@tamagui/use-did-finish-ssr";
|
|
70
|
-
export * from "@tamagui/use-event";
|
|
71
|
-
export * from "@tamagui/compose-refs";
|
|
72
|
-
export * from "@tamagui/helpers";
|
|
73
|
-
export * from "@tamagui/constants";
|
|
74
|
-
export * from "./setupHooks.js";
|
|
75
|
-
export {
|
|
76
|
-
configureMedia,
|
|
77
|
-
getConfig,
|
|
78
|
-
getMedia,
|
|
79
|
-
getThemes,
|
|
80
|
-
getTokens,
|
|
81
|
-
mediaObjectToString,
|
|
82
|
-
mediaQueryConfig,
|
|
83
|
-
mediaState,
|
|
84
|
-
onConfiguredOnce,
|
|
85
|
-
updateConfig,
|
|
86
|
-
useMedia,
|
|
87
|
-
useMediaPropsActive
|
|
88
|
-
};
|
|
1
|
+
export*from"./Tamagui.js";export*from"./createComponent.js";export*from"./createShorthands.js";export*from"./createTheme.js";export*from"./createTamagui.js";export*from"./createFont.js";export*from"./createTokens.js";export*from"./createVariable.js";export*from"./createVariables.js";export*from"./insertFont.js";export*from"./addTheme.js";export*from"./updateTheme.js";export*from"./styled.js";export*from"./types.js";export*from"./setupReactNative.js";import{getConfig as M,getThemes as T,getTokens as O,onConfiguredOnce as S,updateConfig as b}from"./config.js";export*from"./constants/constants.js";export*from"./helpers/useShallowSetState.js";export*from"./helpers/getVariantExtras.js";export*from"./helpers/getAnimationDriver.js";export*from"./helpers/getExpandedShorthands.js";export*from"./helpers/getSplitStyles.js";export*from"./helpers/getStylesAtomic";export*from"./helpers/pseudoDescriptors.js";export*from"./helpers/mergeProps.js";export*from"./helpers/expandStyles.js";export*from"./helpers/isTamaguiElement.js";export*from"./helpers/isTamaguiComponent.js";export*from"./helpers/matchMedia";export*from"./helpers/themes.js";export*from"./helpers/getThemeCSSRules.js";export*from"./helpers/proxyThemeVariables.js";export*from"./helpers/themeable.js";export*from"./helpers/withStaticProperties.js";export*from"./helpers/normalizeColor.js";export*from"./contexts/ButtonNestingContext.js";export*from"./hooks/useId.js";export*from"./hooks/useIsTouchDevice.js";import{configureMedia as R,getMedia as U,mediaState as V,useMedia as W,useMediaPropsActive as X,mediaObjectToString as Y,mediaQueryConfig as Z}from"./hooks/useMedia.js";export*from"./hooks/useTheme.js";export*from"./hooks/useThemeName.js";export*from"./hooks/useSafeRef.js";export*from"./hooks/useStyle.js";export*from"./hooks/useAnimationDriver.js";export*from"./views/Slot.js";export*from"./views/Stack.js";export*from"./views/Text.js";export*from"./contexts/TextAncestorContext.js";export*from"./views/Theme.js";export*from"./views/ThemeProvider.js";export*from"./views/FontLanguage";export*from"./views/TamaguiProvider.js";export*from"./views/AnimationDriverProvider.js";export*from"@tamagui/use-force-update";export*from"@tamagui/use-did-finish-ssr";export*from"@tamagui/use-event";export*from"@tamagui/compose-refs";export*from"@tamagui/helpers";export*from"@tamagui/constants";export*from"./setupHooks.js";export{R as configureMedia,M as getConfig,U as getMedia,T as getThemes,O as getTokens,Y as mediaObjectToString,Z as mediaQueryConfig,V as mediaState,S as onConfiguredOnce,b as updateConfig,W as useMedia,X as useMediaPropsActive};
|
|
89
2
|
//# sourceMappingURL=index.mjs.map
|
package/dist/esm/index.mjs.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.ts"],
|
|
4
4
|
"sourcesContent": ["export * from './Tamagui.js'\nexport * from './createComponent.js'\nexport * from './createShorthands.js'\nexport * from './createTheme.js'\nexport * from './createTamagui.js'\nexport * from './createFont.js'\nexport * from './createTokens.js'\nexport * from './createVariable.js'\nexport * from './createVariables.js'\nexport * from './insertFont.js'\nexport * from './addTheme.js'\nexport * from './updateTheme.js'\nexport * from './styled.js'\nexport * from './types.js'\nexport * from './setupReactNative.js'\n\nexport {\n getConfig,\n getThemes,\n getTokens,\n onConfiguredOnce,\n updateConfig,\n} from './config.js'\n\nexport * from './constants/constants.js'\n\nexport * from './helpers/useShallowSetState.js'\nexport * from './helpers/getVariantExtras.js'\nexport * from './helpers/getAnimationDriver.js'\nexport * from './helpers/getExpandedShorthands.js'\nexport * from './helpers/getSplitStyles.js'\nexport * from './helpers/getStylesAtomic'\nexport * from './helpers/pseudoDescriptors.js'\nexport * from './helpers/mergeProps.js'\nexport * from './helpers/expandStyles.js'\nexport * from './helpers/isTamaguiElement.js'\nexport * from './helpers/isTamaguiComponent.js'\nexport * from './helpers/matchMedia'\nexport * from './helpers/themes.js'\nexport * from './helpers/getThemeCSSRules.js'\nexport * from './helpers/proxyThemeVariables.js'\nexport * from './helpers/themeable.js'\nexport * from './helpers/withStaticProperties.js'\nexport * from './helpers/normalizeColor.js'\n\nexport * from './contexts/ButtonNestingContext.js'\n\nexport * from './hooks/useId.js'\nexport * from './hooks/useIsTouchDevice.js'\n\nexport {\n configureMedia,\n getMedia,\n mediaState,\n useMedia,\n useMediaPropsActive,\n mediaObjectToString,\n mediaQueryConfig,\n} from './hooks/useMedia.js'\nexport * from './hooks/useTheme.js'\nexport * from './hooks/useThemeName.js'\nexport * from './hooks/useSafeRef.js'\nexport * from './hooks/useStyle.js'\nexport * from './hooks/useAnimationDriver.js'\n\nexport * from './views/Slot.js'\nexport * from './views/Stack.js'\nexport * from './views/Text.js'\nexport * from './contexts/TextAncestorContext.js'\nexport * from './views/Theme.js'\nexport * from './views/ThemeProvider.js'\nexport * from './views/FontLanguage'\nexport * from './views/TamaguiProvider.js'\nexport * from './views/AnimationDriverProvider.js'\n\nexport * from '@tamagui/use-force-update'\nexport * from '@tamagui/use-did-finish-ssr'\nexport * from '@tamagui/use-event'\nexport * from '@tamagui/compose-refs'\nexport * from '@tamagui/helpers'\nexport * from '@tamagui/constants'\n\nexport * from './setupHooks.js'\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,WAAc,eACd,WAAc,uBACd,WAAc,wBACd,WAAc,mBACd,WAAc,qBACd,WAAc,kBACd,WAAc,oBACd,WAAc,sBACd,WAAc,uBACd,WAAc,kBACd,WAAc,gBACd,WAAc,mBACd,WAAc,cACd,WAAc,aACd,WAAc,wBAEd,OACE,aAAAA,EACA,aAAAC,EACA,aAAAC,EACA,oBAAAC,EACA,gBAAAC,MACK,cAEP,WAAc,2BAEd,WAAc,kCACd,WAAc,gCACd,WAAc,kCACd,WAAc,qCACd,WAAc,8BACd,WAAc,4BACd,WAAc,iCACd,WAAc,0BACd,WAAc,4BACd,WAAc,gCACd,WAAc,kCACd,WAAc,uBACd,WAAc,sBACd,WAAc,gCACd,WAAc,mCACd,WAAc,yBACd,WAAc,oCACd,WAAc,8BAEd,WAAc,qCAEd,WAAc,mBACd,WAAc,8BAEd,OACE,kBAAAC,EACA,YAAAC,EACA,cAAAC,EACA,YAAAC,EACA,uBAAAC,EACA,uBAAAC,EACA,oBAAAC,MACK,sBACP,WAAc,sBACd,WAAc,0BACd,WAAc,wBACd,WAAc,sBACd,WAAc,gCAEd,WAAc,kBACd,WAAc,mBACd,WAAc,kBACd,WAAc,oCACd,WAAc,mBACd,WAAc,2BACd,WAAc,uBACd,WAAc,6BACd,WAAc,qCAEd,WAAc,4BACd,WAAc,8BACd,WAAc,qBACd,WAAc,wBACd,WAAc,mBACd,WAAc,qBAEd,WAAc",
|
|
6
|
+
"names": ["getConfig", "getThemes", "getTokens", "onConfiguredOnce", "updateConfig", "configureMedia", "getMedia", "mediaState", "useMedia", "useMediaPropsActive", "mediaObjectToString", "mediaQueryConfig"]
|
|
7
7
|
}
|
|
@@ -1,16 +1,2 @@
|
|
|
1
|
-
const
|
|
2
|
-
const injectStyles = ({ filePath, css }) => {
|
|
3
|
-
let stylesheet = stylesheets[filePath];
|
|
4
|
-
if (!stylesheet) {
|
|
5
|
-
const styleEl = document.createElement("style");
|
|
6
|
-
styleEl.setAttribute("data-file", filePath);
|
|
7
|
-
styleEl.setAttribute("type", "text/css");
|
|
8
|
-
stylesheet = stylesheets[filePath] = styleEl;
|
|
9
|
-
document.head.appendChild(styleEl);
|
|
10
|
-
}
|
|
11
|
-
stylesheet.innerHTML = css;
|
|
12
|
-
};
|
|
13
|
-
export {
|
|
14
|
-
injectStyles
|
|
15
|
-
};
|
|
1
|
+
const n={},i=({filePath:e,css:c})=>{let s=n[e];if(!s){const t=document.createElement("style");t.setAttribute("data-file",e),t.setAttribute("type","text/css"),s=n[e]=t,document.head.appendChild(t)}s.innerHTML=c};export{i as injectStyles};
|
|
16
2
|
//# sourceMappingURL=inject-styles.js.map
|