@tamagui/web 1.61.3 → 1.62.1
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 +10 -26
- package/dist/cjs/Tamagui.js.map +1 -1
- package/dist/cjs/Tamagui.native.js +64 -0
- package/dist/cjs/Tamagui.native.js.map +6 -0
- package/dist/cjs/config.js +25 -64
- package/dist/cjs/config.js.map +2 -2
- package/dist/cjs/config.native.js +90 -0
- package/dist/cjs/config.native.js.map +6 -0
- package/dist/cjs/constants/accessibilityDirectMap.js +41 -51
- package/dist/cjs/constants/accessibilityDirectMap.js.map +1 -1
- package/dist/cjs/constants/accessibilityDirectMap.native.js +9 -16
- package/dist/cjs/constants/accessibilityDirectMap.native.js.map +1 -1
- package/dist/cjs/constants/constants.js +16 -24
- package/dist/cjs/constants/constants.js.map +1 -1
- package/dist/cjs/constants/constants.native.js +32 -0
- package/dist/cjs/constants/constants.native.js.map +6 -0
- package/dist/cjs/constants/isDevTools.js +7 -12
- package/dist/cjs/constants/isDevTools.js.map +1 -1
- package/dist/cjs/constants/isDevTools.native.js +33 -0
- package/dist/cjs/constants/isDevTools.native.js.map +6 -0
- package/dist/cjs/contexts/ComponentContext.js +8 -14
- package/dist/cjs/contexts/ComponentContext.js.map +1 -1
- package/dist/cjs/contexts/ComponentContext.native.js +42 -0
- package/dist/cjs/contexts/ComponentContext.native.js.map +6 -0
- package/dist/cjs/createComponent.js +288 -710
- package/dist/cjs/createComponent.js.map +2 -2
- package/dist/cjs/createComponent.native.js +643 -0
- package/dist/cjs/createComponent.native.js.map +6 -0
- package/dist/cjs/createFont.js +18 -29
- package/dist/cjs/createFont.js.map +1 -1
- package/dist/cjs/createFont.native.js +59 -0
- package/dist/cjs/createFont.native.js.map +6 -0
- package/dist/cjs/createShorthands.js +5 -9
- package/dist/cjs/createShorthands.js.map +1 -1
- package/dist/cjs/createShorthands.native.js +28 -0
- package/dist/cjs/createShorthands.native.js.map +6 -0
- package/dist/cjs/createTamagui.js +56 -144
- package/dist/cjs/createTamagui.js.map +2 -2
- package/dist/cjs/createTamagui.native.js +186 -0
- package/dist/cjs/createTamagui.native.js.map +6 -0
- package/dist/cjs/createTheme.js +6 -12
- package/dist/cjs/createTheme.js.map +1 -1
- package/dist/cjs/createTheme.native.js +26 -0
- package/dist/cjs/createTheme.native.js.map +6 -0
- package/dist/cjs/createTokens.js +5 -9
- package/dist/cjs/createTokens.js.map +1 -1
- package/dist/cjs/createTokens.native.js +29 -0
- package/dist/cjs/createTokens.native.js.map +6 -0
- package/dist/cjs/createVariable.js +20 -47
- package/dist/cjs/createVariable.js.map +1 -1
- package/dist/cjs/createVariable.native.js +85 -0
- package/dist/cjs/createVariable.native.js.map +6 -0
- package/dist/cjs/createVariables.js +11 -22
- package/dist/cjs/createVariables.js.map +1 -1
- package/dist/cjs/createVariables.native.js +54 -0
- package/dist/cjs/createVariables.native.js.map +6 -0
- package/dist/cjs/helpers/ThemeManager.js +75 -169
- package/dist/cjs/helpers/ThemeManager.js.map +1 -1
- package/dist/cjs/helpers/ThemeManager.native.js +178 -0
- package/dist/cjs/helpers/ThemeManager.native.js.map +6 -0
- package/dist/cjs/helpers/ThemeManagerContext.js +5 -9
- package/dist/cjs/helpers/ThemeManagerContext.js.map +1 -1
- package/dist/cjs/helpers/ThemeManagerContext.native.js +27 -0
- package/dist/cjs/helpers/ThemeManagerContext.native.js.map +6 -0
- package/dist/cjs/helpers/createChainedWeakCache.js +14 -24
- package/dist/cjs/helpers/createChainedWeakCache.js.map +1 -1
- package/dist/cjs/helpers/createChainedWeakCache.native.js +54 -0
- package/dist/cjs/helpers/createChainedWeakCache.native.js.map +6 -0
- package/dist/cjs/helpers/createMediaStyle.js +20 -70
- package/dist/cjs/helpers/createMediaStyle.js.map +1 -1
- package/dist/cjs/helpers/createMediaStyle.native.js +72 -0
- package/dist/cjs/helpers/createMediaStyle.native.js.map +6 -0
- package/dist/cjs/helpers/createProxy.js +11 -20
- package/dist/cjs/helpers/createProxy.js.map +1 -1
- package/dist/cjs/helpers/createProxy.native.js +35 -0
- package/dist/cjs/helpers/createProxy.native.js.map +6 -0
- package/dist/cjs/helpers/createShallowSetState.js +7 -13
- package/dist/cjs/helpers/createShallowSetState.js.map +1 -1
- package/dist/cjs/helpers/createShallowSetState.native.js +36 -0
- package/dist/cjs/helpers/createShallowSetState.native.js.map +6 -0
- package/dist/cjs/helpers/createStyledContext.js +12 -26
- package/dist/cjs/helpers/createStyledContext.js.map +1 -1
- package/dist/cjs/helpers/createStyledContext.native.js +39 -0
- package/dist/cjs/helpers/createStyledContext.native.js.map +6 -0
- package/dist/cjs/helpers/defaultOffset.js +5 -9
- package/dist/cjs/helpers/defaultOffset.js.map +1 -1
- package/dist/cjs/helpers/defaultOffset.native.js +26 -0
- package/dist/cjs/helpers/defaultOffset.native.js.map +6 -0
- package/dist/cjs/helpers/expandStyle.js +20 -40
- package/dist/cjs/helpers/expandStyle.js.map +1 -1
- package/dist/cjs/helpers/expandStyle.native.js +64 -0
- package/dist/cjs/helpers/expandStyle.native.js.map +6 -0
- package/dist/cjs/helpers/expandStyles.js +13 -39
- package/dist/cjs/helpers/expandStyles.js.map +1 -1
- package/dist/cjs/helpers/expandStyles.native.js +55 -0
- package/dist/cjs/helpers/expandStyles.native.js.map +6 -0
- package/dist/cjs/helpers/getAnimationDriver.js +5 -9
- package/dist/cjs/helpers/getAnimationDriver.js.map +1 -1
- package/dist/cjs/helpers/getAnimationDriver.native.js +29 -0
- package/dist/cjs/helpers/getAnimationDriver.native.js.map +6 -0
- package/dist/cjs/helpers/getExpandedShorthands.js +6 -11
- package/dist/cjs/helpers/getExpandedShorthands.js.map +1 -1
- package/dist/cjs/helpers/getExpandedShorthands.native.js +35 -0
- package/dist/cjs/helpers/getExpandedShorthands.native.js.map +6 -0
- package/dist/cjs/helpers/getFontLanguage.js +5 -9
- package/dist/cjs/helpers/getFontLanguage.js.map +1 -1
- package/dist/cjs/helpers/getFontLanguage.native.js +26 -0
- package/dist/cjs/helpers/getFontLanguage.native.js.map +6 -0
- package/dist/cjs/helpers/getGroupPropParts.js +7 -17
- package/dist/cjs/helpers/getGroupPropParts.js.map +1 -1
- package/dist/cjs/helpers/getGroupPropParts.native.js +32 -0
- package/dist/cjs/helpers/getGroupPropParts.native.js.map +6 -0
- package/dist/cjs/helpers/getSplitStyles.js +364 -827
- package/dist/cjs/helpers/getSplitStyles.js.map +2 -2
- package/dist/cjs/helpers/getSplitStyles.native.js +503 -0
- package/dist/cjs/helpers/getSplitStyles.native.js.map +6 -0
- package/dist/cjs/helpers/getStylesAtomic.js +39 -102
- package/dist/cjs/helpers/getStylesAtomic.js.map +1 -1
- package/dist/cjs/helpers/getStylesAtomic.native.js +6 -13
- package/dist/cjs/helpers/getStylesAtomic.native.js.map +1 -1
- package/dist/cjs/helpers/getThemeCSSRules.js +25 -70
- package/dist/cjs/helpers/getThemeCSSRules.js.map +1 -1
- package/dist/cjs/helpers/getThemeCSSRules.native.js +5 -8
- package/dist/cjs/helpers/getThemeCSSRules.native.js.map +1 -1
- package/dist/cjs/helpers/getVariantExtras.js +13 -26
- package/dist/cjs/helpers/getVariantExtras.js.map +1 -1
- package/dist/cjs/helpers/getVariantExtras.native.js +72 -0
- package/dist/cjs/helpers/getVariantExtras.native.js.map +6 -0
- package/dist/cjs/helpers/insertStyleRule.js +85 -197
- package/dist/cjs/helpers/insertStyleRule.js.map +1 -1
- package/dist/cjs/helpers/insertStyleRule.native.js +223 -0
- package/dist/cjs/helpers/insertStyleRule.native.js.map +6 -0
- package/dist/cjs/helpers/isObj.js +6 -10
- package/dist/cjs/helpers/isObj.js.map +1 -1
- package/dist/cjs/helpers/isObj.native.js +26 -0
- package/dist/cjs/helpers/isObj.native.js.map +6 -0
- package/dist/cjs/helpers/isTamaguiComponent.js +7 -11
- package/dist/cjs/helpers/isTamaguiComponent.js.map +1 -1
- package/dist/cjs/helpers/isTamaguiComponent.native.js +29 -0
- package/dist/cjs/helpers/isTamaguiComponent.native.js.map +6 -0
- package/dist/cjs/helpers/isTamaguiElement.js +7 -14
- package/dist/cjs/helpers/isTamaguiElement.js.map +1 -1
- package/dist/cjs/helpers/isTamaguiElement.native.js +27 -0
- package/dist/cjs/helpers/isTamaguiElement.native.js.map +6 -0
- package/dist/cjs/helpers/matchMedia.js +8 -12
- package/dist/cjs/helpers/matchMedia.js.map +1 -1
- package/dist/cjs/helpers/matchMedia.native.js +9 -16
- package/dist/cjs/helpers/matchMedia.native.js.map +1 -1
- package/dist/cjs/helpers/mergeProps.js +10 -18
- package/dist/cjs/helpers/mergeProps.js.map +1 -1
- package/dist/cjs/helpers/mergeProps.native.js +49 -0
- package/dist/cjs/helpers/mergeProps.native.js.map +6 -0
- package/dist/cjs/helpers/mergeVariants.js +16 -30
- package/dist/cjs/helpers/mergeVariants.js.map +1 -1
- package/dist/cjs/helpers/mergeVariants.native.js +56 -0
- package/dist/cjs/helpers/mergeVariants.native.js.map +6 -0
- package/dist/cjs/helpers/normalizeColor.js +9 -27
- package/dist/cjs/helpers/normalizeColor.js.map +1 -1
- package/dist/cjs/helpers/normalizeColor.native.js +40 -0
- package/dist/cjs/helpers/normalizeColor.native.js.map +6 -0
- package/dist/cjs/helpers/normalizeShadow.js +6 -12
- package/dist/cjs/helpers/normalizeShadow.js.map +1 -1
- package/dist/cjs/helpers/normalizeShadow.native.js +8 -17
- package/dist/cjs/helpers/normalizeShadow.native.js.map +1 -1
- package/dist/cjs/helpers/normalizeStylePropKeys.js +5 -9
- package/dist/cjs/helpers/normalizeStylePropKeys.js.map +1 -1
- package/dist/cjs/helpers/normalizeStylePropKeys.native.js +15 -18
- package/dist/cjs/helpers/normalizeStylePropKeys.native.js.map +1 -1
- package/dist/cjs/helpers/normalizeValueWithProperty.js +22 -63
- package/dist/cjs/helpers/normalizeValueWithProperty.js.map +1 -1
- package/dist/cjs/helpers/normalizeValueWithProperty.native.js +60 -0
- package/dist/cjs/helpers/normalizeValueWithProperty.native.js.map +6 -0
- package/dist/cjs/helpers/objectIdentityKey.js +9 -14
- package/dist/cjs/helpers/objectIdentityKey.js.map +1 -1
- package/dist/cjs/helpers/objectIdentityKey.native.js +43 -0
- package/dist/cjs/helpers/objectIdentityKey.native.js.map +6 -0
- package/dist/cjs/helpers/propMapper.js +91 -241
- package/dist/cjs/helpers/propMapper.js.map +1 -1
- package/dist/cjs/helpers/propMapper.native.js +201 -0
- package/dist/cjs/helpers/propMapper.native.js.map +6 -0
- package/dist/cjs/helpers/proxyThemeToParents.js +12 -29
- package/dist/cjs/helpers/proxyThemeToParents.js.map +1 -1
- package/dist/cjs/helpers/proxyThemeToParents.native.js +62 -0
- package/dist/cjs/helpers/proxyThemeToParents.native.js.map +6 -0
- package/dist/cjs/helpers/proxyThemeVariables.js +6 -10
- package/dist/cjs/helpers/proxyThemeVariables.js.map +1 -1
- package/dist/cjs/helpers/proxyThemeVariables.native.js +37 -0
- package/dist/cjs/helpers/proxyThemeVariables.native.js.map +6 -0
- package/dist/cjs/helpers/pseudoDescriptors.js +7 -13
- package/dist/cjs/helpers/pseudoDescriptors.js.map +1 -1
- package/dist/cjs/helpers/pseudoDescriptors.native.js +60 -0
- package/dist/cjs/helpers/pseudoDescriptors.native.js.map +6 -0
- package/dist/cjs/helpers/registerCSSVariable.js +6 -14
- package/dist/cjs/helpers/registerCSSVariable.js.map +1 -1
- package/dist/cjs/helpers/registerCSSVariable.native.js +33 -0
- package/dist/cjs/helpers/registerCSSVariable.native.js.map +6 -0
- package/dist/cjs/helpers/themeable.js +15 -27
- package/dist/cjs/helpers/themeable.js.map +1 -1
- package/dist/cjs/helpers/themeable.native.js +56 -0
- package/dist/cjs/helpers/themeable.native.js.map +6 -0
- package/dist/cjs/helpers/themes.js +15 -26
- package/dist/cjs/helpers/themes.js.map +1 -1
- package/dist/cjs/helpers/themes.native.js +38 -0
- package/dist/cjs/helpers/themes.native.js.map +6 -0
- package/dist/cjs/helpers/timer.js +6 -10
- package/dist/cjs/helpers/timer.js.map +1 -1
- package/dist/cjs/helpers/timer.native.js +32 -0
- package/dist/cjs/helpers/timer.native.js.map +6 -0
- package/dist/cjs/helpers/withStaticProperties.js +8 -15
- package/dist/cjs/helpers/withStaticProperties.js.map +1 -1
- package/dist/cjs/helpers/withStaticProperties.native.js +41 -0
- package/dist/cjs/helpers/withStaticProperties.native.js.map +6 -0
- package/dist/cjs/hooks/getThemeUnwrapped.js +6 -13
- package/dist/cjs/hooks/getThemeUnwrapped.js.map +1 -1
- package/dist/cjs/hooks/getThemeUnwrapped.native.js +28 -0
- package/dist/cjs/hooks/getThemeUnwrapped.native.js.map +6 -0
- package/dist/cjs/hooks/useAnimationDriver.js +7 -15
- package/dist/cjs/hooks/useAnimationDriver.js.map +1 -1
- package/dist/cjs/hooks/useAnimationDriver.native.js +27 -0
- package/dist/cjs/hooks/useAnimationDriver.native.js.map +6 -0
- package/dist/cjs/hooks/useId.js +5 -9
- package/dist/cjs/hooks/useId.js.map +1 -1
- package/dist/cjs/hooks/useId.native.js +26 -0
- package/dist/cjs/hooks/useId.native.js.map +6 -0
- package/dist/cjs/hooks/useIsTouchDevice.js +7 -14
- package/dist/cjs/hooks/useIsTouchDevice.js.map +1 -1
- package/dist/cjs/hooks/useIsTouchDevice.native.js +27 -0
- package/dist/cjs/hooks/useIsTouchDevice.native.js.map +6 -0
- package/dist/cjs/hooks/useMedia.js +60 -170
- package/dist/cjs/hooks/useMedia.js.map +2 -2
- package/dist/cjs/hooks/useMedia.native.js +219 -0
- package/dist/cjs/hooks/useMedia.native.js.map +6 -0
- package/dist/cjs/hooks/useMemoDebug.js +7 -17
- package/dist/cjs/hooks/useMemoDebug.js.map +1 -1
- package/dist/cjs/hooks/useMemoDebug.native.js +31 -0
- package/dist/cjs/hooks/useMemoDebug.native.js.map +6 -0
- package/dist/cjs/hooks/useProps.js +7 -11
- package/dist/cjs/hooks/useProps.js.map +1 -1
- package/dist/cjs/hooks/useProps.native.js +32 -0
- package/dist/cjs/hooks/useProps.native.js.map +6 -0
- package/dist/cjs/hooks/useStyle.js +8 -21
- package/dist/cjs/hooks/useStyle.js.map +1 -1
- package/dist/cjs/hooks/useStyle.native.js +48 -0
- package/dist/cjs/hooks/useStyle.native.js.map +6 -0
- package/dist/cjs/hooks/useTheme.js +95 -215
- package/dist/cjs/hooks/useTheme.js.map +1 -1
- package/dist/cjs/hooks/useTheme.native.js +215 -0
- package/dist/cjs/hooks/useTheme.native.js.map +6 -0
- package/dist/cjs/hooks/useThemeName.js +14 -26
- package/dist/cjs/hooks/useThemeName.js.map +1 -1
- package/dist/cjs/hooks/useThemeName.native.js +36 -0
- package/dist/cjs/hooks/useThemeName.native.js.map +6 -0
- package/dist/cjs/index.js +7 -11
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/index.native.js +168 -0
- package/dist/cjs/index.native.js.map +6 -0
- package/dist/cjs/inject-styles.js +7 -15
- package/dist/cjs/inject-styles.js.map +1 -1
- package/dist/cjs/inject-styles.native.js +33 -0
- package/dist/cjs/inject-styles.native.js.map +6 -0
- package/dist/cjs/insertFont.js +25 -49
- package/dist/cjs/insertFont.js.map +1 -1
- package/dist/cjs/insertFont.native.js +69 -0
- package/dist/cjs/insertFont.native.js.map +6 -0
- package/dist/cjs/interfaces/CSSColorNames.js +3 -6
- package/dist/cjs/interfaces/CSSColorNames.js.map +1 -1
- package/dist/cjs/interfaces/CSSColorNames.native.js +15 -0
- package/dist/cjs/interfaces/CSSColorNames.native.js.map +6 -0
- package/dist/cjs/interfaces/GetRef.js +3 -6
- package/dist/cjs/interfaces/GetRef.js.map +1 -1
- package/dist/cjs/interfaces/GetRef.native.js +15 -0
- package/dist/cjs/interfaces/GetRef.native.js.map +6 -0
- package/dist/cjs/interfaces/Role.js +3 -6
- package/dist/cjs/interfaces/Role.js.map +1 -1
- package/dist/cjs/interfaces/Role.native.js +15 -0
- package/dist/cjs/interfaces/Role.native.js.map +6 -0
- package/dist/cjs/setupHooks.js +5 -9
- package/dist/cjs/setupHooks.js.map +1 -1
- package/dist/cjs/setupHooks.native.js +31 -0
- package/dist/cjs/setupHooks.native.js.map +6 -0
- package/dist/cjs/setupReactNative.js +11 -17
- package/dist/cjs/setupReactNative.js.map +1 -1
- package/dist/cjs/setupReactNative.native.js +44 -0
- package/dist/cjs/setupReactNative.native.js.map +6 -0
- package/dist/cjs/styled.js +25 -67
- package/dist/cjs/styled.js.map +1 -1
- package/dist/cjs/styled.native.js +75 -0
- package/dist/cjs/styled.native.js.map +6 -0
- package/dist/cjs/types.js +3 -6
- package/dist/cjs/types.js.map +1 -1
- package/dist/cjs/types.native.js +15 -0
- package/dist/cjs/types.native.js.map +6 -0
- package/dist/cjs/views/AnimationDriverProvider.js +7 -14
- package/dist/cjs/views/AnimationDriverProvider.js.map +1 -1
- package/dist/cjs/views/AnimationDriverProvider.native.js +27 -0
- package/dist/cjs/views/AnimationDriverProvider.native.js.map +6 -0
- package/dist/cjs/views/FontLanguage.js +15 -21
- package/dist/cjs/views/FontLanguage.js.map +1 -1
- package/dist/cjs/views/FontLanguage.native.js +6 -11
- package/dist/cjs/views/FontLanguage.native.js.map +1 -1
- package/dist/cjs/views/FontLanguage.types.js +3 -6
- package/dist/cjs/views/FontLanguage.types.js.map +1 -1
- package/dist/cjs/views/FontLanguage.types.native.js +15 -0
- package/dist/cjs/views/FontLanguage.types.native.js.map +6 -0
- package/dist/cjs/views/Slot.js +15 -46
- package/dist/cjs/views/Slot.js.map +2 -2
- package/dist/cjs/views/Slot.native.js +58 -0
- package/dist/cjs/views/Slot.native.js.map +6 -0
- package/dist/cjs/views/Stack.js +7 -13
- package/dist/cjs/views/Stack.js.map +1 -1
- package/dist/cjs/views/Stack.native.js +31 -0
- package/dist/cjs/views/Stack.native.js.map +6 -0
- package/dist/cjs/views/TamaguiProvider.js +16 -38
- package/dist/cjs/views/TamaguiProvider.js.map +1 -1
- package/dist/cjs/views/TamaguiProvider.native.js +58 -0
- package/dist/cjs/views/TamaguiProvider.native.js.map +6 -0
- package/dist/cjs/views/Text.js +28 -45
- package/dist/cjs/views/Text.js.map +1 -1
- package/dist/cjs/views/Text.native.js +53 -0
- package/dist/cjs/views/Text.native.js.map +6 -0
- package/dist/cjs/views/Theme.js +41 -89
- package/dist/cjs/views/Theme.js.map +2 -2
- package/dist/cjs/views/Theme.native.js +99 -0
- package/dist/cjs/views/Theme.native.js.map +6 -0
- package/dist/cjs/views/ThemeDebug.js +19 -52
- package/dist/cjs/views/ThemeDebug.js.map +2 -2
- package/dist/cjs/views/ThemeDebug.native.js +5 -8
- package/dist/cjs/views/ThemeDebug.native.js.map +1 -1
- package/dist/cjs/views/ThemeProvider.js +22 -37
- package/dist/cjs/views/ThemeProvider.js.map +1 -1
- package/dist/cjs/views/ThemeProvider.native.js +43 -0
- package/dist/cjs/views/ThemeProvider.native.js.map +6 -0
- package/dist/cjs/views/View.js +7 -12
- package/dist/cjs/views/View.js.map +1 -1
- package/dist/cjs/views/View.native.js +30 -0
- package/dist/cjs/views/View.native.js.map +6 -0
- package/dist/esm/Tamagui.js +2 -9
- package/dist/esm/Tamagui.js.map +1 -1
- package/dist/esm/config.js +20 -55
- package/dist/esm/config.js.map +2 -2
- package/dist/esm/constants/accessibilityDirectMap.js +36 -42
- package/dist/esm/constants/accessibilityDirectMap.js.map +1 -1
- package/dist/esm/constants/constants.js +11 -15
- package/dist/esm/constants/constants.js.map +1 -1
- package/dist/esm/constants/isDevTools.js +2 -3
- package/dist/esm/constants/isDevTools.js.map +1 -1
- package/dist/esm/contexts/ComponentContext.js +3 -5
- package/dist/esm/contexts/ComponentContext.js.map +1 -1
- package/dist/esm/createComponent.js +281 -677
- package/dist/esm/createComponent.js.map +2 -2
- package/dist/esm/createFont.js +13 -20
- package/dist/esm/createFont.js.map +1 -1
- package/dist/esm/createTamagui.js +50 -124
- package/dist/esm/createTamagui.js.map +2 -2
- package/dist/esm/createTheme.js +1 -3
- package/dist/esm/createTheme.js.map +1 -1
- package/dist/esm/createVariable.js +14 -35
- package/dist/esm/createVariable.js.map +1 -1
- package/dist/esm/createVariables.js +5 -11
- package/dist/esm/createVariables.js.map +1 -1
- package/dist/esm/helpers/ThemeManager.js +69 -157
- package/dist/esm/helpers/ThemeManager.js.map +1 -1
- package/dist/esm/helpers/createChainedWeakCache.js +9 -15
- package/dist/esm/helpers/createChainedWeakCache.js.map +1 -1
- package/dist/esm/helpers/createMediaStyle.js +14 -58
- package/dist/esm/helpers/createMediaStyle.js.map +1 -1
- package/dist/esm/helpers/createProxy.js +6 -11
- package/dist/esm/helpers/createProxy.js.map +1 -1
- package/dist/esm/helpers/createShallowSetState.js +2 -4
- package/dist/esm/helpers/createShallowSetState.js.map +1 -1
- package/dist/esm/helpers/createStyledContext.js +7 -15
- package/dist/esm/helpers/createStyledContext.js.map +1 -1
- package/dist/esm/helpers/expandStyle.js +16 -32
- package/dist/esm/helpers/expandStyle.js.map +1 -1
- package/dist/esm/helpers/expandStyles.js +7 -25
- package/dist/esm/helpers/expandStyles.js.map +1 -1
- package/dist/esm/helpers/getExpandedShorthands.js +1 -2
- package/dist/esm/helpers/getExpandedShorthands.js.map +1 -1
- package/dist/esm/helpers/getGroupPropParts.js +2 -8
- package/dist/esm/helpers/getGroupPropParts.js.map +1 -1
- package/dist/esm/helpers/getSplitStyles.js +360 -810
- package/dist/esm/helpers/getSplitStyles.js.map +2 -2
- package/dist/esm/helpers/getStylesAtomic.js +33 -88
- package/dist/esm/helpers/getStylesAtomic.js.map +1 -1
- package/dist/esm/helpers/getThemeCSSRules.js +19 -57
- package/dist/esm/helpers/getThemeCSSRules.js.map +1 -1
- package/dist/esm/helpers/getVariantExtras.js +7 -15
- package/dist/esm/helpers/getVariantExtras.js.map +1 -1
- package/dist/esm/helpers/insertStyleRule.js +79 -186
- package/dist/esm/helpers/insertStyleRule.js.map +1 -1
- package/dist/esm/helpers/isObj.js +1 -1
- package/dist/esm/helpers/isObj.js.map +1 -1
- package/dist/esm/helpers/isTamaguiComponent.js +2 -2
- package/dist/esm/helpers/isTamaguiComponent.js.map +1 -1
- package/dist/esm/helpers/isTamaguiElement.js +1 -3
- package/dist/esm/helpers/isTamaguiElement.js.map +1 -1
- package/dist/esm/helpers/matchMedia.js +3 -3
- package/dist/esm/helpers/matchMedia.js.map +1 -1
- package/dist/esm/helpers/mergeProps.js +5 -9
- package/dist/esm/helpers/mergeProps.js.map +1 -1
- package/dist/esm/helpers/mergeVariants.js +11 -21
- package/dist/esm/helpers/mergeVariants.js.map +1 -1
- package/dist/esm/helpers/normalizeColor.js +3 -15
- package/dist/esm/helpers/normalizeColor.js.map +1 -1
- package/dist/esm/helpers/normalizeValueWithProperty.js +16 -51
- package/dist/esm/helpers/normalizeValueWithProperty.js.map +1 -1
- package/dist/esm/helpers/objectIdentityKey.js +4 -5
- package/dist/esm/helpers/objectIdentityKey.js.map +1 -1
- package/dist/esm/helpers/propMapper.js +86 -223
- package/dist/esm/helpers/propMapper.js.map +1 -1
- package/dist/esm/helpers/proxyThemeToParents.js +6 -18
- package/dist/esm/helpers/proxyThemeToParents.js.map +1 -1
- package/dist/esm/helpers/proxyThemeVariables.js +1 -1
- package/dist/esm/helpers/proxyThemeVariables.js.map +1 -1
- package/dist/esm/helpers/pseudoDescriptors.js +2 -4
- package/dist/esm/helpers/pseudoDescriptors.js.map +1 -1
- package/dist/esm/helpers/registerCSSVariable.js +1 -5
- package/dist/esm/helpers/registerCSSVariable.js.map +1 -1
- package/dist/esm/helpers/themeable.js +8 -12
- package/dist/esm/helpers/themeable.js.map +1 -1
- package/dist/esm/helpers/themes.js +10 -17
- package/dist/esm/helpers/themes.js.map +1 -1
- package/dist/esm/helpers/timer.js +1 -1
- package/dist/esm/helpers/withStaticProperties.js +3 -6
- package/dist/esm/helpers/withStaticProperties.js.map +1 -1
- package/dist/esm/hooks/getThemeUnwrapped.js +1 -4
- package/dist/esm/hooks/getThemeUnwrapped.js.map +1 -1
- package/dist/esm/hooks/useAnimationDriver.js +1 -3
- package/dist/esm/hooks/useAnimationDriver.js.map +1 -1
- package/dist/esm/hooks/useIsTouchDevice.js +1 -3
- package/dist/esm/hooks/useIsTouchDevice.js.map +1 -1
- package/dist/esm/hooks/useMedia.js +54 -152
- package/dist/esm/hooks/useMedia.js.map +2 -2
- package/dist/esm/hooks/useMemoDebug.js +2 -8
- package/dist/esm/hooks/useMemoDebug.js.map +1 -1
- package/dist/esm/hooks/useProps.js +2 -2
- package/dist/esm/hooks/useProps.js.map +1 -1
- package/dist/esm/hooks/useStyle.js +2 -6
- package/dist/esm/hooks/useStyle.js.map +1 -1
- package/dist/esm/hooks/useTheme.js +89 -198
- package/dist/esm/hooks/useTheme.js.map +1 -1
- package/dist/esm/hooks/useThemeName.js +8 -14
- package/dist/esm/hooks/useThemeName.js.map +1 -1
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/inject-styles.js +2 -6
- package/dist/esm/inject-styles.js.map +1 -1
- package/dist/esm/insertFont.js +19 -36
- package/dist/esm/insertFont.js.map +1 -1
- package/dist/esm/setupReactNative.js +6 -8
- package/dist/esm/setupReactNative.js.map +1 -1
- package/dist/esm/styled.js +19 -55
- package/dist/esm/styled.js.map +1 -1
- package/dist/esm/views/AnimationDriverProvider.js +2 -4
- package/dist/esm/views/AnimationDriverProvider.js.map +1 -1
- package/dist/esm/views/FontLanguage.js +10 -12
- package/dist/esm/views/FontLanguage.js.map +1 -1
- package/dist/esm/views/Slot.js +10 -33
- package/dist/esm/views/Slot.js.map +2 -2
- package/dist/esm/views/Stack.js +1 -1
- package/dist/esm/views/TamaguiProvider.js +9 -20
- package/dist/esm/views/TamaguiProvider.js.map +1 -1
- package/dist/esm/views/Text.js +22 -34
- package/dist/esm/views/Text.js.map +1 -1
- package/dist/esm/views/Theme.js +34 -70
- package/dist/esm/views/Theme.js.map +2 -2
- package/dist/esm/views/ThemeDebug.js +14 -40
- package/dist/esm/views/ThemeDebug.js.map +2 -2
- package/dist/esm/views/ThemeProvider.js +17 -24
- package/dist/esm/views/ThemeProvider.js.map +1 -1
- package/dist/esm/views/View.js +1 -1
- package/package.json +15 -10
- package/src/createTamagui.ts +8 -7
- package/src/helpers/getStylesAtomic.ts +1 -0
- package/src/helpers/getThemeCSSRules.ts +3 -1
- package/src/index.ts +2 -0
- package/types/createTamagui.d.ts.map +1 -1
- package/types/helpers/getStylesAtomic.d.ts.map +1 -1
- package/types/helpers/getThemeCSSRules.d.ts.map +1 -1
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
- package/dist/esm/constants/accessibilityDirectMap.native.js +0 -63
- package/dist/esm/constants/accessibilityDirectMap.native.js.map +0 -6
- package/dist/esm/helpers/getStylesAtomic.native.js +0 -14
- package/dist/esm/helpers/getStylesAtomic.native.js.map +0 -6
- package/dist/esm/helpers/getThemeCSSRules.native.js +0 -7
- package/dist/esm/helpers/getThemeCSSRules.native.js.map +0 -6
- package/dist/esm/helpers/matchMedia.native.js +0 -24
- package/dist/esm/helpers/matchMedia.native.js.map +0 -6
- package/dist/esm/helpers/normalizeShadow.native.js +0 -31
- package/dist/esm/helpers/normalizeShadow.native.js.map +0 -6
- package/dist/esm/helpers/normalizeStylePropKeys.native.js +0 -16
- package/dist/esm/helpers/normalizeStylePropKeys.native.js.map +0 -6
- package/dist/esm/views/FontLanguage.native.js +0 -11
- package/dist/esm/views/FontLanguage.native.js.map +0 -6
- package/dist/esm/views/ThemeDebug.native.js +0 -11
- package/dist/esm/views/ThemeDebug.native.js.map +0 -6
|
@@ -1,145 +1,90 @@
|
|
|
1
1
|
import { isClient } from "@tamagui/constants";
|
|
2
2
|
import { createVariable } from "../createVariable";
|
|
3
|
-
const scannedCache = /* @__PURE__ */ new WeakMap();
|
|
4
|
-
const totalSelectorsInserted = /* @__PURE__ */ new Map();
|
|
5
|
-
const allSelectors = {};
|
|
6
|
-
const allRules = {};
|
|
7
|
-
const insertedTransforms = {};
|
|
8
|
-
const getAllSelectors = () => allSelectors;
|
|
9
|
-
const getAllRules = () => Object.values(allRules);
|
|
10
|
-
const getAllTransforms = () => insertedTransforms;
|
|
3
|
+
const scannedCache = /* @__PURE__ */ new WeakMap(), totalSelectorsInserted = /* @__PURE__ */ new Map(), allSelectors = {}, allRules = {}, insertedTransforms = {}, getAllSelectors = () => allSelectors, getAllRules = () => Object.values(allRules), getAllTransforms = () => insertedTransforms;
|
|
11
4
|
function addTransform(identifier, css, rule) {
|
|
12
5
|
const s = css.indexOf("transform:");
|
|
13
6
|
if (s === -1) {
|
|
14
|
-
|
|
15
|
-
console.error(`\u274C Invalid transform, likely used deg/% improperly ${identifier}`);
|
|
16
|
-
}
|
|
7
|
+
process.env.NODE_ENV === "development" && console.error(`\u274C Invalid transform, likely used deg/% improperly ${identifier}`);
|
|
17
8
|
return;
|
|
18
9
|
}
|
|
19
|
-
const startI = s + "
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
if (!insertedTransforms[identifier]) {
|
|
23
|
-
insertedTransforms[identifier] = value;
|
|
24
|
-
return true;
|
|
25
|
-
}
|
|
10
|
+
const startI = s + 10, endI = css.indexOf(";"), value = css.slice(startI, endI);
|
|
11
|
+
if (!insertedTransforms[identifier])
|
|
12
|
+
return insertedTransforms[identifier] = value, !0;
|
|
26
13
|
}
|
|
27
14
|
function listenForSheetChanges() {
|
|
28
15
|
if (!isClient)
|
|
29
16
|
return;
|
|
30
|
-
|
|
31
|
-
for (const entry of entries)
|
|
17
|
+
new MutationObserver((entries) => {
|
|
18
|
+
for (const entry of entries)
|
|
32
19
|
if (entry instanceof HTMLStyleElement && entry.sheet || entry instanceof HTMLLinkElement && entry.href.endsWith(".css")) {
|
|
33
20
|
scanAllSheets();
|
|
34
21
|
break;
|
|
35
22
|
}
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
mo.observe(document.head, {
|
|
39
|
-
childList: true
|
|
23
|
+
}).observe(document.head, {
|
|
24
|
+
childList: !0
|
|
40
25
|
});
|
|
41
26
|
}
|
|
42
27
|
let lastScannedSheets = null;
|
|
43
|
-
function scanAllSheets(collectThemes =
|
|
44
|
-
if (process.env.NODE_ENV === "test")
|
|
45
|
-
return;
|
|
46
|
-
if (!isClient)
|
|
28
|
+
function scanAllSheets(collectThemes = !1, tokens) {
|
|
29
|
+
if (process.env.NODE_ENV === "test" || !isClient)
|
|
47
30
|
return;
|
|
48
31
|
let themes;
|
|
49
|
-
const sheets = document.styleSheets || [];
|
|
50
|
-
const prev = lastScannedSheets;
|
|
51
|
-
const current = new Set(sheets);
|
|
32
|
+
const sheets = document.styleSheets || [], prev = lastScannedSheets, current = new Set(sheets);
|
|
52
33
|
if (document.styleSheets) {
|
|
53
|
-
for (const sheet2 of current)
|
|
34
|
+
for (const sheet2 of current)
|
|
54
35
|
if (sheet2) {
|
|
55
|
-
const out = updateSheetStyles(sheet2,
|
|
56
|
-
|
|
57
|
-
themes = out;
|
|
58
|
-
}
|
|
36
|
+
const out = updateSheetStyles(sheet2, !1, collectThemes, tokens);
|
|
37
|
+
out && (themes = out);
|
|
59
38
|
}
|
|
60
|
-
}
|
|
61
39
|
lastScannedSheets = current;
|
|
62
40
|
}
|
|
63
|
-
if (prev)
|
|
64
|
-
for (const sheet2 of prev)
|
|
65
|
-
|
|
66
|
-
updateSheetStyles(sheet2, true);
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
}
|
|
41
|
+
if (prev)
|
|
42
|
+
for (const sheet2 of prev)
|
|
43
|
+
sheet2 && !current.has(sheet2) && updateSheetStyles(sheet2, !0);
|
|
70
44
|
return themes;
|
|
71
45
|
}
|
|
72
|
-
function track(id, remove =
|
|
46
|
+
function track(id, remove = !1) {
|
|
73
47
|
const next = (totalSelectorsInserted.get(id) || 0) + (remove ? -1 : 1);
|
|
74
|
-
totalSelectorsInserted.set(id, next);
|
|
75
|
-
return next;
|
|
48
|
+
return totalSelectorsInserted.set(id, next), next;
|
|
76
49
|
}
|
|
77
|
-
const bailAfterEnv = process.env.TAMAGUI_BAIL_AFTER_SCANNING_X_CSS_RULES;
|
|
78
|
-
|
|
79
|
-
function updateSheetStyles(sheet2, remove = false, collectThemes = false, tokens) {
|
|
80
|
-
var _a, _b;
|
|
50
|
+
const bailAfterEnv = process.env.TAMAGUI_BAIL_AFTER_SCANNING_X_CSS_RULES, bailAfter = bailAfterEnv ? +bailAfterEnv : 250;
|
|
51
|
+
function updateSheetStyles(sheet2, remove = !1, collectThemes = !1, tokens) {
|
|
81
52
|
let rules;
|
|
82
53
|
try {
|
|
83
|
-
rules = sheet2.cssRules
|
|
84
|
-
if (!rules) {
|
|
54
|
+
if (rules = sheet2.cssRules, !rules)
|
|
85
55
|
return;
|
|
86
|
-
}
|
|
87
56
|
} catch {
|
|
88
57
|
return;
|
|
89
58
|
}
|
|
90
|
-
const firstSelector = (
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
const lastScanned = scannedCache.get(sheet2);
|
|
94
|
-
if (!remove) {
|
|
95
|
-
if (lastScanned === cacheKey) {
|
|
96
|
-
return;
|
|
97
|
-
}
|
|
98
|
-
}
|
|
59
|
+
const firstSelector = getTamaguiSelector(rules[0], collectThemes)?.[0], lastSelector = getTamaguiSelector(rules[rules.length - 1], collectThemes)?.[0], cacheKey = `${rules.length}${firstSelector}${lastSelector}`, lastScanned = scannedCache.get(sheet2);
|
|
60
|
+
if (!remove && lastScanned === cacheKey)
|
|
61
|
+
return;
|
|
99
62
|
const len = rules.length;
|
|
100
|
-
let fails = 0;
|
|
101
|
-
let dedupedThemes;
|
|
63
|
+
let fails = 0, dedupedThemes;
|
|
102
64
|
for (let i = 0; i < len; i++) {
|
|
103
65
|
const rule = rules[i];
|
|
104
66
|
if (!(rule instanceof CSSStyleRule))
|
|
105
67
|
continue;
|
|
106
68
|
const response = getTamaguiSelector(rule, collectThemes);
|
|
107
|
-
if (response)
|
|
69
|
+
if (response)
|
|
108
70
|
fails = 0;
|
|
109
|
-
|
|
110
|
-
fails
|
|
111
|
-
if (fails > bailAfter) {
|
|
71
|
+
else {
|
|
72
|
+
if (fails++, fails > bailAfter)
|
|
112
73
|
return;
|
|
113
|
-
}
|
|
114
74
|
continue;
|
|
115
75
|
}
|
|
116
76
|
const [identifier, cssRule, isTheme] = response;
|
|
117
77
|
if (isTheme) {
|
|
118
78
|
const deduped = addThemesFromCSS(cssRule, tokens);
|
|
119
|
-
|
|
120
|
-
dedupedThemes ||= [];
|
|
121
|
-
dedupedThemes.push(deduped);
|
|
122
|
-
}
|
|
79
|
+
deduped && (dedupedThemes ||= [], dedupedThemes.push(deduped));
|
|
123
80
|
continue;
|
|
124
81
|
}
|
|
125
82
|
const total = track(identifier, remove);
|
|
126
|
-
|
|
127
|
-
if (total === 0) {
|
|
128
|
-
delete allSelectors[identifier];
|
|
129
|
-
}
|
|
130
|
-
} else if (!(identifier in allSelectors)) {
|
|
131
|
-
const isTransform = identifier.startsWith("_transform");
|
|
132
|
-
const shouldInsert = isTransform ? addTransform(identifier, cssRule.cssText, cssRule) : true;
|
|
133
|
-
if (shouldInsert) {
|
|
134
|
-
allSelectors[identifier] = cssRule.cssText;
|
|
135
|
-
}
|
|
136
|
-
}
|
|
83
|
+
remove ? total === 0 && delete allSelectors[identifier] : identifier in allSelectors || (!identifier.startsWith("_transform") || addTransform(identifier, cssRule.cssText, cssRule)) && (allSelectors[identifier] = cssRule.cssText);
|
|
137
84
|
}
|
|
138
|
-
scannedCache.set(sheet2, cacheKey);
|
|
139
|
-
return dedupedThemes;
|
|
85
|
+
return scannedCache.set(sheet2, cacheKey), dedupedThemes;
|
|
140
86
|
}
|
|
141
|
-
let colorVarToVal;
|
|
142
|
-
let rootComputedStyle = null;
|
|
87
|
+
let colorVarToVal, rootComputedStyle = null;
|
|
143
88
|
function addThemesFromCSS(cssStyleRule, tokens) {
|
|
144
89
|
const selectors = cssStyleRule.selectorText.split(",");
|
|
145
90
|
if (!selectors.length)
|
|
@@ -151,35 +96,25 @@ function addThemesFromCSS(cssStyleRule, tokens) {
|
|
|
151
96
|
colorVarToVal[token.name] = token.val;
|
|
152
97
|
}
|
|
153
98
|
}
|
|
154
|
-
const
|
|
155
|
-
const rules = rulesWithBraces.split(";");
|
|
156
|
-
const values = {};
|
|
99
|
+
const rules = (cssStyleRule.cssText || "").slice(cssStyleRule.selectorText.length + 2, -1).trim().split(";"), values = {};
|
|
157
100
|
for (const rule of rules) {
|
|
158
101
|
const sepI = rule.indexOf(":");
|
|
159
102
|
if (sepI === -1)
|
|
160
103
|
continue;
|
|
161
|
-
const key = rule.slice(rule.indexOf("--") + 2, sepI);
|
|
162
|
-
const val = rule.slice(sepI + 2);
|
|
104
|
+
const key = rule.slice(rule.indexOf("--") + 2, sepI), val = rule.slice(sepI + 2);
|
|
163
105
|
let value;
|
|
164
106
|
if (val[3] === "(") {
|
|
165
|
-
const varName = val.slice(6, -1);
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
value = tokenVal;
|
|
169
|
-
} else {
|
|
170
|
-
rootComputedStyle ||= getComputedStyle(document.body);
|
|
171
|
-
value = rootComputedStyle.getPropertyValue("--" + varName);
|
|
172
|
-
}
|
|
173
|
-
} else {
|
|
107
|
+
const varName = val.slice(6, -1), tokenVal = colorVarToVal[varName];
|
|
108
|
+
tokenVal ? value = tokenVal : (rootComputedStyle ||= getComputedStyle(document.body), value = rootComputedStyle.getPropertyValue("--" + varName));
|
|
109
|
+
} else
|
|
174
110
|
value = val;
|
|
175
|
-
}
|
|
176
111
|
values[key] = createVariable(
|
|
177
112
|
{
|
|
178
113
|
key,
|
|
179
114
|
name: key,
|
|
180
115
|
val: value
|
|
181
116
|
},
|
|
182
|
-
|
|
117
|
+
!0
|
|
183
118
|
);
|
|
184
119
|
}
|
|
185
120
|
const dedupedEntry = {
|
|
@@ -187,106 +122,64 @@ function addThemesFromCSS(cssStyleRule, tokens) {
|
|
|
187
122
|
theme: values
|
|
188
123
|
};
|
|
189
124
|
for (const selector of selectors) {
|
|
190
|
-
let scheme = selector.includes("t_dark") ? "dark" : selector.includes("t_light") ? "light" : "";
|
|
191
|
-
|
|
192
|
-
if (name.startsWith(scheme)) {
|
|
193
|
-
name = name.slice(scheme.length + 1);
|
|
194
|
-
}
|
|
195
|
-
if (scheme === name) {
|
|
196
|
-
scheme = "";
|
|
197
|
-
}
|
|
125
|
+
let scheme = selector.includes("t_dark") ? "dark" : selector.includes("t_light") ? "light" : "", name = selector.slice(selector.lastIndexOf(".t_") + 3);
|
|
126
|
+
name.startsWith(scheme) && (name = name.slice(scheme.length + 1)), scheme === name && (scheme = "");
|
|
198
127
|
const themeName = `${scheme}${scheme && name ? "_" : ""}${name}`;
|
|
199
|
-
|
|
200
|
-
continue;
|
|
201
|
-
}
|
|
202
|
-
dedupedEntry.names.push(themeName);
|
|
128
|
+
dedupedEntry.names.includes(themeName) || dedupedEntry.names.push(themeName);
|
|
203
129
|
}
|
|
204
130
|
return dedupedEntry;
|
|
205
131
|
}
|
|
206
|
-
function getTamaguiSelector(rule, collectThemes =
|
|
132
|
+
function getTamaguiSelector(rule, collectThemes = !1) {
|
|
207
133
|
if (rule instanceof CSSStyleRule) {
|
|
208
134
|
const text = rule.selectorText;
|
|
209
135
|
if (text[0] === ":" && text[1] === "r") {
|
|
210
|
-
if (text.startsWith(":root ._"))
|
|
136
|
+
if (text.startsWith(":root ._"))
|
|
211
137
|
return [getIdentifierFromTamaguiSelector(text), rule];
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
}
|
|
223
|
-
}
|
|
224
|
-
} else if (rule instanceof CSSMediaRule) {
|
|
225
|
-
if (rule.cssRules.length > 1)
|
|
226
|
-
return;
|
|
227
|
-
return getTamaguiSelector(rule.cssRules[0]);
|
|
228
|
-
}
|
|
138
|
+
if (collectThemes && (text.startsWith(":root.t_") || text.startsWith(":root .t_")))
|
|
139
|
+
return [
|
|
140
|
+
text.slice(0, 20),
|
|
141
|
+
// just used as uid
|
|
142
|
+
rule,
|
|
143
|
+
!0
|
|
144
|
+
];
|
|
145
|
+
}
|
|
146
|
+
} else if (rule instanceof CSSMediaRule)
|
|
147
|
+
return rule.cssRules.length > 1 ? void 0 : getTamaguiSelector(rule.cssRules[0]);
|
|
229
148
|
}
|
|
230
149
|
const getIdentifierFromTamaguiSelector = (selector) => {
|
|
231
150
|
let res = selector.slice(7);
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
}
|
|
235
|
-
return res;
|
|
236
|
-
};
|
|
237
|
-
const sheet = isClient ? document.head.appendChild(document.createElement("style")).sheet : null;
|
|
151
|
+
return selector.includes(":") ? res.replace(/:[a-z]+$/, "") : res;
|
|
152
|
+
}, sheet = isClient ? document.head.appendChild(document.createElement("style")).sheet : null;
|
|
238
153
|
function updateRules(identifier, rules) {
|
|
239
|
-
|
|
240
|
-
return false;
|
|
241
|
-
}
|
|
242
|
-
allRules[identifier] = rules.join(" ");
|
|
243
|
-
if (identifier.startsWith("_transform")) {
|
|
244
|
-
return addTransform(identifier, rules[0]);
|
|
245
|
-
}
|
|
246
|
-
return true;
|
|
154
|
+
return identifier in allRules ? !1 : (allRules[identifier] = rules.join(" "), identifier.startsWith("_transform") ? addTransform(identifier, rules[0]) : !0);
|
|
247
155
|
}
|
|
248
156
|
function insertStyleRules(rulesToInsert) {
|
|
249
|
-
if (!rulesToInsert.length || !sheet) {
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
} catch (err) {
|
|
266
|
-
console.groupCollapsed(
|
|
267
|
-
`Error inserting rule into CSSStyleSheet: ${String(err)}`
|
|
268
|
-
);
|
|
269
|
-
console.log({ rule, rulesToInsert });
|
|
270
|
-
console.trace();
|
|
271
|
-
console.groupEnd();
|
|
272
|
-
}
|
|
157
|
+
if (!(!rulesToInsert.length || !sheet)) {
|
|
158
|
+
for (const { identifier, rules } of rulesToInsert)
|
|
159
|
+
if (shouldInsertStyleRules(identifier)) {
|
|
160
|
+
allSelectors[identifier] = rules.join(`
|
|
161
|
+
`), track(identifier), updateRules(identifier, rules);
|
|
162
|
+
for (const rule of rules)
|
|
163
|
+
if (process.env.NODE_ENV === "production")
|
|
164
|
+
sheet.insertRule(rule, sheet.cssRules.length);
|
|
165
|
+
else
|
|
166
|
+
try {
|
|
167
|
+
sheet.insertRule(rule, sheet.cssRules.length);
|
|
168
|
+
} catch (err) {
|
|
169
|
+
console.groupCollapsed(
|
|
170
|
+
`Error inserting rule into CSSStyleSheet: ${String(err)}`
|
|
171
|
+
), console.log({ rule, rulesToInsert }), console.trace(), console.groupEnd();
|
|
172
|
+
}
|
|
273
173
|
}
|
|
274
|
-
}
|
|
275
174
|
}
|
|
276
175
|
}
|
|
277
176
|
function shouldInsertStyleRules(identifier) {
|
|
278
|
-
if (process.env.IS_STATIC === "is_static")
|
|
279
|
-
return
|
|
280
|
-
}
|
|
177
|
+
if (process.env.IS_STATIC === "is_static")
|
|
178
|
+
return !0;
|
|
281
179
|
const total = totalSelectorsInserted.get(identifier);
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
`Warning: inserting many CSS rules, you may be animating something and generating many CSS insertions, which can degrade performance. Instead, try using the "disableClassName" property on elements that change styles often. To disable this warning set TAMAGUI_STYLE_INSERTION_WARNING_LIMIT from 50000 to something higher`
|
|
286
|
-
);
|
|
287
|
-
}
|
|
288
|
-
}
|
|
289
|
-
return total === void 0 || total < 2;
|
|
180
|
+
return process.env.NODE_ENV === "development" && totalSelectorsInserted.size > +(process.env.TAMAGUI_STYLE_INSERTION_WARNING_LIMIT || 5e4) && console.warn(
|
|
181
|
+
'Warning: inserting many CSS rules, you may be animating something and generating many CSS insertions, which can degrade performance. Instead, try using the "disableClassName" property on elements that change styles often. To disable this warning set TAMAGUI_STYLE_INSERTION_WARNING_LIMIT from 50000 to something higher'
|
|
182
|
+
), total === void 0 || total < 2;
|
|
290
183
|
}
|
|
291
184
|
export {
|
|
292
185
|
getAllRules,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/insertStyleRule.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,gBAAgB;AAEzB,SAAS,sBAAsB;AAW/B,MAAM,eAAe,oBAAI,QAA+B
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["sheet"]
|
|
6
6
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
function isTamaguiComponent(comp, name) {
|
|
2
|
-
const config = comp
|
|
3
|
-
return
|
|
2
|
+
const config = comp?.staticConfig;
|
|
3
|
+
return !!(config && (!name || name === config.componentName));
|
|
4
4
|
}
|
|
5
5
|
export {
|
|
6
6
|
isTamaguiComponent
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/isTamaguiComponent.tsx"],
|
|
4
|
-
"mappings": "AAEO,SAAS,mBACd,MACA,MAGA;AACA,QAAM,SAAS,
|
|
4
|
+
"mappings": "AAEO,SAAS,mBACd,MACA,MAGA;AACA,QAAM,SAAS,MAAO;AACtB,SAAO,GAAQ,WAAW,SAAO,SAAS,OAAO;AACnD;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import { isValidElement } from "react";
|
|
2
2
|
import { isTamaguiComponent } from "./isTamaguiComponent";
|
|
3
|
-
const isTamaguiElement = (child, name) =>
|
|
4
|
-
return isValidElement(child) && isTamaguiComponent(child.type, name);
|
|
5
|
-
};
|
|
3
|
+
const isTamaguiElement = (child, name) => isValidElement(child) && isTamaguiComponent(child.type, name);
|
|
6
4
|
export {
|
|
7
5
|
isTamaguiElement
|
|
8
6
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/isTamaguiElement.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,sBAAsB;AAG/B,SAAS,0BAA0B;AAE5B,MAAM,mBAAmB,CAC9B,OACA,
|
|
4
|
+
"mappings": "AAAA,SAAS,sBAAsB;AAG/B,SAAS,0BAA0B;AAE5B,MAAM,mBAAmB,CAC9B,OACA,SAEO,eAAe,KAAK,KAAK,mBAAmB,MAAM,MAAM,IAAI;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
const matchMedia = typeof window
|
|
1
|
+
const matchMedia = typeof window < "u" && window.matchMedia || matchMediaFallback;
|
|
2
2
|
function matchMediaFallback(_) {
|
|
3
3
|
return {
|
|
4
|
-
match: (a, b) =>
|
|
4
|
+
match: (a, b) => !1,
|
|
5
5
|
addListener() {
|
|
6
6
|
},
|
|
7
7
|
removeListener() {
|
|
8
8
|
},
|
|
9
|
-
matches:
|
|
9
|
+
matches: !1
|
|
10
10
|
};
|
|
11
11
|
}
|
|
12
12
|
function setupMatchMedia(_) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/matchMedia.ts"],
|
|
4
|
-
"mappings": "AAEO,MAAM,aACV,OAAO,
|
|
4
|
+
"mappings": "AAEO,MAAM,aACV,OAAO,SAAW,OAAe,OAAO,cAAe;AAE1D,SAAS,mBAAmB,GAA2B;AACrD,SAAO;AAAA,IACL,OAAO,CAAC,GAAG,MAAM;AAAA,IACjB,cAAc;AAAA,IAAC;AAAA,IACf,iBAAiB;AAAA,IAAC;AAAA,IAClB,SAAS;AAAA,EACX;AACF;AAEO,SAAS,gBAAgB,GAAe;AAE/C;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,21 +1,17 @@
|
|
|
1
1
|
import { pseudoDescriptors } from "./pseudoDescriptors";
|
|
2
2
|
const mergeProps = (a, b, inverseShorthands) => {
|
|
3
3
|
const out = {};
|
|
4
|
-
for (const key in a)
|
|
4
|
+
for (const key in a)
|
|
5
5
|
mergeProp(out, a, b, key, inverseShorthands);
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
for (const key in b) {
|
|
6
|
+
if (b)
|
|
7
|
+
for (const key in b)
|
|
9
8
|
mergeProp(out, b, void 0, key, inverseShorthands);
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
9
|
return out;
|
|
13
10
|
};
|
|
14
11
|
function mergeProp(out, a, b, key, inverseShorthands) {
|
|
15
|
-
const shorthand =
|
|
16
|
-
if (b && (key in b || shorthand && shorthand in b))
|
|
12
|
+
const shorthand = inverseShorthands?.[key] || null;
|
|
13
|
+
if (b && (key in b || shorthand && shorthand in b))
|
|
17
14
|
return;
|
|
18
|
-
}
|
|
19
15
|
const val = a[key];
|
|
20
16
|
if (key in pseudoDescriptors) {
|
|
21
17
|
out[key] = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/mergeProps.ts"],
|
|
4
|
-
"mappings": "AAcA,SAAS,yBAAyB;AAI3B,MAAM,aAAa,CAAC,GAAW,GAAY,sBAAkC;AAClF,QAAM,MAAiB,CAAC;AACxB,aAAW,OAAO
|
|
4
|
+
"mappings": "AAcA,SAAS,yBAAyB;AAI3B,MAAM,aAAa,CAAC,GAAW,GAAY,sBAAkC;AAClF,QAAM,MAAiB,CAAC;AACxB,aAAW,OAAO;AAChB,cAAU,KAAK,GAAG,GAAG,KAAK,iBAAiB;AAE7C,MAAI;AACF,eAAW,OAAO;AAChB,gBAAU,KAAK,GAAG,QAAW,KAAK,iBAAiB;AAGvD,SAAO;AACT;AAEA,SAAS,UACP,KACA,GACA,GACA,KACA,mBACA;AACA,QAAM,YAAY,oBAAoB,GAAG,KAAK;AAC9C,MAAI,MAAM,OAAO,KAAM,aAAa,aAAa;AAC/C;AAEF,QAAM,MAAM,EAAE,GAAG;AACjB,MAAI,OAAO,mBAAmB;AAC5B,QAAI,GAAG,IAAI;AAAA,MACT,GAAG,IAAI,GAAG;AAAA,MACV,GAAG;AAAA,IACL;AACA;AAAA,EACF;AACA,MAAI,aAAa,GAAG,IAAI;AAC1B;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
const mergeVariants = (parentVariants, ourVariants) => {
|
|
2
2
|
const variants = {};
|
|
3
3
|
for (const key in ourVariants) {
|
|
4
|
-
const parentVariant = parentVariants
|
|
5
|
-
|
|
6
|
-
if (!parentVariant || typeof ourVariant === "function") {
|
|
4
|
+
const parentVariant = parentVariants?.[key], ourVariant = ourVariants[key];
|
|
5
|
+
if (!parentVariant || typeof ourVariant == "function") {
|
|
7
6
|
variants[key] = ourVariant;
|
|
8
7
|
continue;
|
|
9
8
|
}
|
|
@@ -13,26 +12,17 @@ const mergeVariants = (parentVariants, ourVariants) => {
|
|
|
13
12
|
}
|
|
14
13
|
variants[key] = {};
|
|
15
14
|
for (const subKey in ourVariant) {
|
|
16
|
-
const val = ourVariant[subKey];
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
variants[key][subKey] = val;
|
|
22
|
-
} else {
|
|
23
|
-
variants[key][subKey] = {
|
|
24
|
-
// keep order
|
|
25
|
-
...parentVal,
|
|
26
|
-
...val
|
|
27
|
-
};
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
if (parentVariant) {
|
|
31
|
-
variants[key] = {
|
|
32
|
-
...parentVariant,
|
|
33
|
-
...variants[key]
|
|
15
|
+
const val = ourVariant[subKey], parentVal = parentVariant?.[subKey];
|
|
16
|
+
typeof val == "function" || !parentVal || typeof parentVal == "function" ? variants[key][subKey] = val : variants[key][subKey] = {
|
|
17
|
+
// keep order
|
|
18
|
+
...parentVal,
|
|
19
|
+
...val
|
|
34
20
|
};
|
|
35
21
|
}
|
|
22
|
+
parentVariant && (variants[key] = {
|
|
23
|
+
...parentVariant,
|
|
24
|
+
...variants[key]
|
|
25
|
+
});
|
|
36
26
|
}
|
|
37
27
|
return {
|
|
38
28
|
...parentVariants,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/mergeVariants.ts"],
|
|
4
|
-
"mappings": "AAKO,MAAM,gBAAgB,CAC3B,gBACA,gBACG;AACH,QAAM,WAAW,CAAC;AAElB,aAAW,OAAO,aAAa;AAC7B,UAAM,gBAAgB,
|
|
4
|
+
"mappings": "AAKO,MAAM,gBAAgB,CAC3B,gBACA,gBACG;AACH,QAAM,WAAW,CAAC;AAElB,aAAW,OAAO,aAAa;AAC7B,UAAM,gBAAgB,iBAAiB,GAAG,GACpC,aAAa,YAAY,GAAG;AAGlC,QAAI,CAAC,iBAAiB,OAAO,cAAe,YAAY;AACtD,eAAS,GAAG,IAAI;AAChB;AAAA,IACF;AAGA,QAAI,iBAAiB,CAAC,YAAY;AAChC,eAAS,GAAG,IAAI,cAAc,GAAG;AACjC;AAAA,IACF;AAEA,aAAS,GAAG,IAAI,CAAC;AAEjB,eAAW,UAAU,YAAY;AAC/B,YAAM,MAAM,WAAW,MAAM,GACvB,YAAY,gBAAgB,MAAM;AACxC,MAAI,OAAO,OAAQ,cAER,CAAC,aAAa,OAAO,aAAc,aAD5C,SAAS,GAAG,EAAE,MAAM,IAAI,MAIxB,SAAS,GAAG,EAAE,MAAM,IAAI;AAAA;AAAA,QAEtB,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,IAEJ;AAGA,IAAI,kBACF,SAAS,GAAG,IAAI;AAAA,MACd,GAAG;AAAA,MACH,GAAG,SAAS,GAAG;AAAA,IACjB;AAAA,EAEJ;AAEA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AACF;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -4,26 +4,14 @@ import { rgba as rgba2 } from "@tamagui/normalize-css-color";
|
|
|
4
4
|
const normalizeColor = (color, opacity) => {
|
|
5
5
|
if (!color)
|
|
6
6
|
return;
|
|
7
|
-
if (color[0] === "$" || color[0] === "v" && color.startsWith("var("))
|
|
7
|
+
if (color[0] === "$" || color[0] === "v" && color.startsWith("var(") || isWeb && opacity === 1)
|
|
8
8
|
return color;
|
|
9
|
-
}
|
|
10
|
-
if (isWeb && opacity === 1) {
|
|
11
|
-
return color;
|
|
12
|
-
}
|
|
13
9
|
const colorProcessed = normalizeCSSColor(color);
|
|
14
10
|
if (colorProcessed != null) {
|
|
15
|
-
const { r, g, b, a } = rgba(colorProcessed);
|
|
16
|
-
const o = opacity ?? a ?? 1;
|
|
17
|
-
const alpha = o.toFixed(2);
|
|
11
|
+
const { r, g, b, a } = rgba(colorProcessed), alpha = (opacity ?? a ?? 1).toFixed(2);
|
|
18
12
|
return `rgba(${r},${g},${b},${alpha})`;
|
|
19
13
|
}
|
|
20
|
-
|
|
21
|
-
console.warn(`Unknown color value: ${color}`);
|
|
22
|
-
}
|
|
23
|
-
if (process.env.TAMAGUI_TARGET === "native") {
|
|
24
|
-
return;
|
|
25
|
-
}
|
|
26
|
-
return color;
|
|
14
|
+
return process.env.NODE_ENV === "development" && console.warn(`Unknown color value: ${color}`), color;
|
|
27
15
|
};
|
|
28
16
|
export {
|
|
29
17
|
normalizeColor,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/normalizeColor.ts"],
|
|
4
|
-
"mappings": "AAAA,SAAS,aAAa;AACtB,SAAS,mBAAmB,YAAY;AAExC,SAAS,QAAAA,aAAY;AAEd,MAAM,iBAAiB,CAAC,OAAuB,YAAqB;AACzE,MAAI,CAAC;AAAO;
|
|
4
|
+
"mappings": "AAAA,SAAS,aAAa;AACtB,SAAS,mBAAmB,YAAY;AAExC,SAAS,QAAAA,aAAY;AAEd,MAAM,iBAAiB,CAAC,OAAuB,YAAqB;AACzE,MAAI,CAAC;AAAO;AAIZ,MAHI,MAAM,CAAC,MAAM,OAAQ,MAAM,CAAC,MAAM,OAAO,MAAM,WAAW,MAAM,KAGhE,SAAS,YAAY;AACvB,WAAO;AAET,QAAM,iBAAiB,kBAAkB,KAAK;AAC9C,MAAI,kBAAkB,MAAM;AAC1B,UAAM,EAAE,GAAG,GAAG,GAAG,EAAE,IAAI,KAAK,cAAc,GAEpC,SADI,WAAW,KAAK,GACV,QAAQ,CAAC;AACzB,WAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK;AAAA,EACrC;AACA,SAAI,QAAQ,IAAI,aAAa,iBAC3B,QAAQ,KAAK,wBAAwB,KAAK,EAAE,GAOvC;AACT;",
|
|
5
5
|
"names": ["rgba"]
|
|
6
6
|
}
|