@tamagui/web 1.61.2 → 1.62.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/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
|
@@ -3,70 +3,35 @@ import { stylePropsAll, stylePropsUnitless } from "@tamagui/helpers";
|
|
|
3
3
|
import { getAllSelectors } from "./insertStyleRule";
|
|
4
4
|
const stylePropsAllPlusTransforms = {
|
|
5
5
|
...stylePropsAll,
|
|
6
|
-
translateX:
|
|
7
|
-
translateY:
|
|
6
|
+
translateX: !0,
|
|
7
|
+
translateY: !0
|
|
8
8
|
};
|
|
9
9
|
function normalizeValueWithProperty(value, property) {
|
|
10
|
-
if (!isWeb)
|
|
10
|
+
if (!isWeb || typeof value == "boolean" || property && property in stylePropsUnitless || property && !(property in stylePropsAllPlusTransforms))
|
|
11
11
|
return value;
|
|
12
|
-
if (typeof value === "boolean") {
|
|
13
|
-
return value;
|
|
14
|
-
}
|
|
15
|
-
if (property && property in stylePropsUnitless) {
|
|
16
|
-
return value;
|
|
17
|
-
}
|
|
18
|
-
if (property && !(property in stylePropsAllPlusTransforms)) {
|
|
19
|
-
return value;
|
|
20
|
-
}
|
|
21
12
|
let res = value;
|
|
22
|
-
|
|
23
|
-
return value;
|
|
24
|
-
if (typeof value === "number") {
|
|
25
|
-
res = `${value}px`;
|
|
26
|
-
} else if (property) {
|
|
27
|
-
res = `${res}`;
|
|
28
|
-
}
|
|
29
|
-
return res;
|
|
13
|
+
return value && typeof value == "object" ? value : (typeof value == "number" ? res = `${value}px` : property && (res = `${res}`), res);
|
|
30
14
|
}
|
|
31
15
|
const rcache = {};
|
|
32
16
|
function reverseMapClassNameToValue(key, className) {
|
|
33
|
-
const
|
|
34
|
-
|
|
35
|
-
if (rcache[cssRule]) {
|
|
17
|
+
const cssRule = getAllSelectors()[className];
|
|
18
|
+
if (rcache[cssRule])
|
|
36
19
|
return rcache[cssRule];
|
|
37
|
-
}
|
|
38
20
|
if (!cssRule) {
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
);
|
|
43
|
-
}
|
|
21
|
+
process.env.NODE_ENV === "development" && console.warn(
|
|
22
|
+
`No CSS rule found for ${key} looking for selector ".${className}", you may not be injecting extracted CSS`
|
|
23
|
+
);
|
|
44
24
|
return;
|
|
45
25
|
}
|
|
46
26
|
const cssVal = cssRule.replace(/.*:/, "").replace(/;.*/, "").trim();
|
|
47
27
|
let res;
|
|
48
|
-
|
|
49
|
-
res
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
}
|
|
55
|
-
res = cssVal;
|
|
56
|
-
}
|
|
57
|
-
rcache[cssRule] = res;
|
|
58
|
-
if (process.env.NODE_ENV === "development") {
|
|
59
|
-
if (typeof res === "number" && isNaN(res)) {
|
|
60
|
-
console.log("Tamagui invalid parsed value, NaN:", {
|
|
61
|
-
res,
|
|
62
|
-
cssVal,
|
|
63
|
-
cssRule,
|
|
64
|
-
key,
|
|
65
|
-
className
|
|
66
|
-
});
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
return res;
|
|
28
|
+
return cssVal.startsWith("var(") ? res = cssVal : stylePropsUnitless[key] ? res = +cssVal : cssVal.endsWith("px") ? res = +cssVal.replace("px", "") : res = cssVal, rcache[cssRule] = res, process.env.NODE_ENV === "development" && typeof res == "number" && isNaN(res) && console.log("Tamagui invalid parsed value, NaN:", {
|
|
29
|
+
res,
|
|
30
|
+
cssVal,
|
|
31
|
+
cssRule,
|
|
32
|
+
key,
|
|
33
|
+
className
|
|
34
|
+
}), res;
|
|
70
35
|
}
|
|
71
36
|
export {
|
|
72
37
|
normalizeValueWithProperty,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/normalizeValueWithProperty.ts"],
|
|
4
|
-
"mappings": "AAKA,SAAS,aAAa;AACtB,SAAS,eAAe,0BAAuC;AAE/D,SAAS,uBAAuB;AAIhC,MAAM,8BAA8B;AAAA,EAClC,GAAG;AAAA,EACH,YAAY;AAAA,EACZ,YAAY;AACd;AAEO,SAAS,2BAA2B,OAAY,UAAwB;
|
|
4
|
+
"mappings": "AAKA,SAAS,aAAa;AACtB,SAAS,eAAe,0BAAuC;AAE/D,SAAS,uBAAuB;AAIhC,MAAM,8BAA8B;AAAA,EAClC,GAAG;AAAA,EACH,YAAY;AAAA,EACZ,YAAY;AACd;AAEO,SAAS,2BAA2B,OAAY,UAAwB;AAQ7E,MAPI,CAAC,SACD,OAAO,SAAU,aAGjB,YAAY,YAAY,sBAGxB,YAAY,EAAE,YAAY;AAC5B,WAAO;AAET,MAAI,MAAM;AAEV,SAAI,SAAS,OAAO,SAAU,WAAiB,SAC3C,OAAO,SAAU,WACnB,MAAM,GAAG,KAAK,OACL,aACT,MAAM,GAAG,GAAG,KAEP;AACT;AAIA,MAAM,SAAS,CAAC;AACT,SAAS,2BAA2B,KAAa,WAAmB;AAEzE,QAAM,UADY,gBAAgB,EACR,SAAS;AACnC,MAAI,OAAO,OAAO;AAChB,WAAO,OAAO,OAAO;AAGvB,MAAI,CAAC,SAAS;AACZ,IAAI,QAAQ,IAAI,aAAa,iBAC3B,QAAQ;AAAA,MACN,yBAAyB,GAAG,2BAA2B,SAAS;AAAA,IAClE;AAEF;AAAA,EACF;AACA,QAAM,SAAS,QAAQ,QAAQ,OAAO,EAAE,EAAE,QAAQ,OAAO,EAAE,EAAE,KAAK;AAClE,MAAI;AACJ,SAAI,OAAO,WAAW,MAAM,IAC1B,MAAM,SACG,mBAAmB,GAAG,IAC/B,MAAM,CAAC,SACE,OAAO,SAAS,IAAI,IAC7B,MAAM,CAAC,OAAO,QAAQ,MAAM,EAAE,IAE9B,MAAM,QAER,OAAO,OAAO,IAAI,KACd,QAAQ,IAAI,aAAa,iBAEvB,OAAO,OAAQ,YAAY,MAAM,GAAG,KAEtC,QAAQ,IAAI,sCAAsC;AAAA,IAChD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC,GAGE;AACT;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -4,14 +4,13 @@ function objectIdentityKey(obj) {
|
|
|
4
4
|
k += key;
|
|
5
5
|
const arg = obj[key];
|
|
6
6
|
let type = typeof arg;
|
|
7
|
-
if (!arg || type !== "object")
|
|
7
|
+
if (!arg || type !== "object")
|
|
8
8
|
k += type + arg;
|
|
9
|
-
|
|
9
|
+
else if (cache.has(arg))
|
|
10
10
|
k += cache.get(arg);
|
|
11
|
-
|
|
11
|
+
else {
|
|
12
12
|
let v = Math.random();
|
|
13
|
-
cache.set(arg, v);
|
|
14
|
-
k += v;
|
|
13
|
+
cache.set(arg, v), k += v;
|
|
15
14
|
}
|
|
16
15
|
}
|
|
17
16
|
return k;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/objectIdentityKey.tsx"],
|
|
4
|
-
"mappings": "AAAO,SAAS,kBAAkB,KAAa;AAC7C,MAAI,IAAI;AACR,aAAW,OAAO,KAAK;AACrB,SAAK;AACL,UAAM,MAAM,IAAI,GAAG;AACnB,QAAI,OAAO,OAAO;AAClB,QAAI,CAAC,OAAO,SAAS
|
|
4
|
+
"mappings": "AAAO,SAAS,kBAAkB,KAAa;AAC7C,MAAI,IAAI;AACR,aAAW,OAAO,KAAK;AACrB,SAAK;AACL,UAAM,MAAM,IAAI,GAAG;AACnB,QAAI,OAAO,OAAO;AAClB,QAAI,CAAC,OAAO,SAAS;AACnB,WAAK,OAAO;AAAA,aACH,MAAM,IAAI,GAAG;AACtB,WAAK,MAAM,IAAI,GAAG;AAAA,SACb;AACL,UAAI,IAAI,KAAK,OAAO;AACpB,YAAM,IAAI,KAAK,CAAC,GAChB,KAAK;AAAA,IACP;AAAA,EACF;AACA,SAAO;AACT;AAEA,MAAM,QAAQ,oBAAI,QAAQ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { isWeb } from "@tamagui/constants";
|
|
2
2
|
import { tokenCategories } from "@tamagui/helpers";
|
|
3
3
|
import { getConfig } from "../config";
|
|
4
4
|
import { isDevTools } from "../constants/isDevTools";
|
|
@@ -9,97 +9,54 @@ import { getFontsForLanguage, getVariantExtras } from "./getVariantExtras";
|
|
|
9
9
|
import { isObj } from "./isObj";
|
|
10
10
|
import { pseudoDescriptors } from "./pseudoDescriptors";
|
|
11
11
|
const propMapper = (key, value, styleStateIn, subPropsIn) => {
|
|
12
|
-
if (
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
}
|
|
16
|
-
const subProps = styleStateIn.styleProps.fallbackProps || subPropsIn;
|
|
17
|
-
const styleState = subProps ? new Proxy(styleStateIn, {
|
|
12
|
+
if (key === "elevationAndroid")
|
|
13
|
+
return;
|
|
14
|
+
const subProps = styleStateIn.styleProps.fallbackProps || subPropsIn, styleState = subProps ? new Proxy(styleStateIn, {
|
|
18
15
|
get(_, k) {
|
|
19
16
|
return k === "curProps" ? subProps : Reflect.get(_, k);
|
|
20
17
|
}
|
|
21
|
-
}) : styleStateIn;
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
", "
|
|
28
|
-
)}`
|
|
29
|
-
);
|
|
30
|
-
}
|
|
31
|
-
if (variants && key in variants) {
|
|
18
|
+
}) : styleStateIn, { conf, styleProps, fontFamily, staticConfig } = styleState, { variants } = staticConfig;
|
|
19
|
+
if (process.env.NODE_ENV === "development" && fontFamily && fontFamily[0] === "$" && !(fontFamily in conf.fontsParsed) && console.warn(
|
|
20
|
+
`Warning: no fontFamily "${fontFamily}" found in config: ${Object.keys(conf.fontsParsed).join(
|
|
21
|
+
", "
|
|
22
|
+
)}`
|
|
23
|
+
), variants && key in variants) {
|
|
32
24
|
styleState.curProps[key] = value;
|
|
33
25
|
const variantValue = resolveVariants(key, value, styleProps, styleState, "");
|
|
34
|
-
if (variantValue)
|
|
26
|
+
if (variantValue)
|
|
35
27
|
return variantValue;
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
let shouldReturn = false;
|
|
39
|
-
if (key in conf.shorthands) {
|
|
40
|
-
shouldReturn = true;
|
|
41
|
-
key = conf.shorthands[key];
|
|
42
28
|
}
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
value = getTokenForKey(key, value, styleProps.resolveVariablesAs, styleState);
|
|
46
|
-
} else if (isVariable(value)) {
|
|
47
|
-
value = resolveVariableValue(value, styleProps.resolveVariablesAs);
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
if (shouldReturn || value != null) {
|
|
29
|
+
let shouldReturn = !1;
|
|
30
|
+
if (key in conf.shorthands && (shouldReturn = !0, key = conf.shorthands[key]), value && (value[0] === "$" ? value = getTokenForKey(key, value, styleProps.resolveVariablesAs, styleState) : isVariable(value) && (value = resolveVariableValue(value, styleProps.resolveVariablesAs))), shouldReturn || value != null)
|
|
51
31
|
return expandStyle(key, value) || [[key, value]];
|
|
52
|
-
|
|
53
|
-
};
|
|
54
|
-
const resolveVariants = (key, value, styleProps, styleState, parentVariantKey) => {
|
|
55
|
-
const { staticConfig, conf, debug } = styleState;
|
|
56
|
-
const { variants } = staticConfig;
|
|
32
|
+
}, resolveVariants = (key, value, styleProps, styleState, parentVariantKey) => {
|
|
33
|
+
const { staticConfig, conf, debug } = styleState, { variants } = staticConfig;
|
|
57
34
|
if (!variants)
|
|
58
35
|
return;
|
|
59
36
|
let variantValue = getVariantDefinition(variants[key], key, value, conf);
|
|
60
|
-
if (process.env.NODE_ENV === "development" && debug === "verbose") {
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
if (process.env.TAMAGUI_WARN_ON_MISSING_VARIANT === "1") {
|
|
73
|
-
if (typeof value !== "boolean") {
|
|
74
|
-
const name = staticConfig.componentName || "[UnnamedComponent]";
|
|
75
|
-
console.warn(
|
|
76
|
-
`No variant found: ${name} has variant "${key}", but no matching value "${value}"`
|
|
77
|
-
);
|
|
78
|
-
}
|
|
37
|
+
if (process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed(`\u2666\uFE0F\u2666\uFE0F\u2666\uFE0F resolve variant ${key}`), console.log({
|
|
38
|
+
key,
|
|
39
|
+
value,
|
|
40
|
+
variantValue,
|
|
41
|
+
variants,
|
|
42
|
+
curProps: { ...styleState.curProps }
|
|
43
|
+
}), console.groupEnd()), !variantValue) {
|
|
44
|
+
if (process.env.TAMAGUI_WARN_ON_MISSING_VARIANT === "1" && typeof value != "boolean") {
|
|
45
|
+
const name = staticConfig.componentName || "[UnnamedComponent]";
|
|
46
|
+
console.warn(
|
|
47
|
+
`No variant found: ${name} has variant "${key}", but no matching value "${value}"`
|
|
48
|
+
);
|
|
79
49
|
}
|
|
80
50
|
return;
|
|
81
51
|
}
|
|
82
|
-
if (typeof variantValue
|
|
83
|
-
const fn = variantValue;
|
|
84
|
-
|
|
85
|
-
variantValue = fn(value, extras);
|
|
86
|
-
if (process.env.NODE_ENV === "development" && debug === "verbose") {
|
|
87
|
-
console.groupCollapsed(" expanded functional variant", key);
|
|
88
|
-
console.log({ fn, variantValue, extras });
|
|
89
|
-
console.groupEnd();
|
|
90
|
-
}
|
|
52
|
+
if (typeof variantValue == "function") {
|
|
53
|
+
const fn = variantValue, extras = getVariantExtras(styleState);
|
|
54
|
+
variantValue = fn(value, extras), process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed(" expanded functional variant", key), console.log({ fn, variantValue, extras }), console.groupEnd());
|
|
91
55
|
}
|
|
92
56
|
let fontFamilyResult;
|
|
93
57
|
if (isObj(variantValue)) {
|
|
94
58
|
const fontFamilyUpdate = variantValue.fontFamily || variantValue[conf.inverseShorthands.fontFamily];
|
|
95
|
-
|
|
96
|
-
fontFamilyResult = getFontFamilyFromNameOrVariable(fontFamilyUpdate, conf);
|
|
97
|
-
styleState.fontFamily = fontFamilyResult;
|
|
98
|
-
if (process.env.NODE_ENV === "development" && debug === "verbose") {
|
|
99
|
-
console.log(` updating font family`, fontFamilyResult);
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
variantValue = resolveTokensAndVariants(
|
|
59
|
+
fontFamilyUpdate && (fontFamilyResult = getFontFamilyFromNameOrVariable(fontFamilyUpdate, conf), styleState.fontFamily = fontFamilyResult, process.env.NODE_ENV === "development" && debug === "verbose" && console.log(" updating font family", fontFamilyResult)), variantValue = resolveTokensAndVariants(
|
|
103
60
|
key,
|
|
104
61
|
variantValue,
|
|
105
62
|
styleProps,
|
|
@@ -108,12 +65,8 @@ const resolveVariants = (key, value, styleProps, styleState, parentVariantKey) =
|
|
|
108
65
|
);
|
|
109
66
|
}
|
|
110
67
|
if (variantValue) {
|
|
111
|
-
const expanded = expandStylesAndRemoveNullishValues(variantValue);
|
|
112
|
-
|
|
113
|
-
if (fontFamilyResult && fontFamilyResult[0] === "$") {
|
|
114
|
-
fontFamilyCache.set(next, getVariableValue(fontFamilyResult));
|
|
115
|
-
}
|
|
116
|
-
return next;
|
|
68
|
+
const expanded = expandStylesAndRemoveNullishValues(variantValue), next = Object.entries(expanded);
|
|
69
|
+
return fontFamilyResult && fontFamilyResult[0] === "$" && fontFamilyCache.set(next, getVariableValue(fontFamilyResult)), next;
|
|
117
70
|
}
|
|
118
71
|
};
|
|
119
72
|
function getFontFamilyFromNameOrVariable(input, conf) {
|
|
@@ -123,54 +76,26 @@ function getFontFamilyFromNameOrVariable(input, conf) {
|
|
|
123
76
|
return val;
|
|
124
77
|
for (const key in conf.fontsParsed) {
|
|
125
78
|
const familyVariable = conf.fontsParsed[key].family;
|
|
126
|
-
if (isVariable(familyVariable))
|
|
127
|
-
|
|
128
|
-
if (familyVariable === input) {
|
|
129
|
-
return key;
|
|
130
|
-
}
|
|
131
|
-
}
|
|
132
|
-
}
|
|
133
|
-
} else if (typeof input === "string") {
|
|
134
|
-
if (input[0] === "$") {
|
|
135
|
-
return input;
|
|
79
|
+
if (isVariable(familyVariable) && (variableToFontNameCache.set(familyVariable, key), familyVariable === input))
|
|
80
|
+
return key;
|
|
136
81
|
}
|
|
137
|
-
}
|
|
82
|
+
} else if (typeof input == "string" && input[0] === "$")
|
|
83
|
+
return input;
|
|
138
84
|
}
|
|
139
|
-
const variableToFontNameCache = /* @__PURE__ */ new WeakMap()
|
|
140
|
-
const
|
|
141
|
-
|
|
142
|
-
return expanded && fontFamilyCache.get(expanded);
|
|
143
|
-
};
|
|
144
|
-
const resolveTokensAndVariants = (key, value, styleProps, styleState, parentVariantKey) => {
|
|
145
|
-
var _a;
|
|
146
|
-
const { conf, staticConfig, debug, theme } = styleState;
|
|
147
|
-
const { variants } = staticConfig;
|
|
148
|
-
const res = {};
|
|
149
|
-
if (process.env.NODE_ENV === "development" && debug === "verbose") {
|
|
150
|
-
console.log(` - resolveTokensAndVariants`, key, value);
|
|
151
|
-
}
|
|
85
|
+
const variableToFontNameCache = /* @__PURE__ */ new WeakMap(), fontFamilyCache = /* @__PURE__ */ new WeakMap(), getPropMappedFontFamily = (expanded) => expanded && fontFamilyCache.get(expanded), resolveTokensAndVariants = (key, value, styleProps, styleState, parentVariantKey) => {
|
|
86
|
+
const { conf, staticConfig, debug, theme } = styleState, { variants } = staticConfig, res = {};
|
|
87
|
+
process.env.NODE_ENV === "development" && debug === "verbose" && console.log(" - resolveTokensAndVariants", key, value);
|
|
152
88
|
for (const rKey in value) {
|
|
153
|
-
const fKey = conf.shorthands[rKey] || rKey;
|
|
154
|
-
const val = value[rKey];
|
|
89
|
+
const fKey = conf.shorthands[rKey] || rKey, val = value[rKey];
|
|
155
90
|
if (variants && fKey in variants) {
|
|
156
|
-
styleState.curProps[fKey] = val
|
|
157
|
-
if (parentVariantKey && parentVariantKey === key) {
|
|
91
|
+
if (styleState.curProps[fKey] = val, parentVariantKey && parentVariantKey === key)
|
|
158
92
|
res[fKey] = // SYNC WITH *1
|
|
159
93
|
val[0] === "$" ? getTokenForKey(fKey, val, styleProps.resolveVariablesAs, styleState) : val;
|
|
160
|
-
|
|
94
|
+
else {
|
|
161
95
|
const variantOut = resolveVariants(fKey, val, styleProps, styleState, key);
|
|
162
|
-
if (variantOut)
|
|
163
|
-
for (const [key2, val2] of variantOut)
|
|
164
|
-
|
|
165
|
-
continue;
|
|
166
|
-
if (key2 in pseudoDescriptors) {
|
|
167
|
-
res[key2] ??= {};
|
|
168
|
-
Object.assign(res[key2], val2);
|
|
169
|
-
} else {
|
|
170
|
-
res[key2] = val2;
|
|
171
|
-
}
|
|
172
|
-
}
|
|
173
|
-
}
|
|
96
|
+
if (variantOut)
|
|
97
|
+
for (const [key2, val2] of variantOut)
|
|
98
|
+
val2 != null && (key2 in pseudoDescriptors ? (res[key2] ??= {}, Object.assign(res[key2], val2)) : res[key2] = val2);
|
|
174
99
|
}
|
|
175
100
|
continue;
|
|
176
101
|
}
|
|
@@ -178,7 +103,7 @@ const resolveTokensAndVariants = (key, value, styleProps, styleState, parentVari
|
|
|
178
103
|
res[fKey] = resolveVariableValue(val, styleProps.resolveVariablesAs);
|
|
179
104
|
continue;
|
|
180
105
|
}
|
|
181
|
-
if (typeof val
|
|
106
|
+
if (typeof val == "string") {
|
|
182
107
|
const fVal = (
|
|
183
108
|
// SYNC WITH *1
|
|
184
109
|
val[0] === "$" ? getTokenForKey(fKey, val, styleProps.resolveVariablesAs, styleState) : val
|
|
@@ -188,131 +113,69 @@ const resolveTokensAndVariants = (key, value, styleProps, styleState, parentVari
|
|
|
188
113
|
}
|
|
189
114
|
if (isObj(val)) {
|
|
190
115
|
const subObject = resolveTokensAndVariants(fKey, val, styleProps, styleState, key);
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
}
|
|
194
|
-
res[fKey] ??= {};
|
|
195
|
-
Object.assign(res[fKey], subObject);
|
|
196
|
-
} else {
|
|
116
|
+
process.env.NODE_ENV === "development" && debug === "verbose" && console.log("object", fKey, subObject), res[fKey] ??= {}, Object.assign(res[fKey], subObject);
|
|
117
|
+
} else
|
|
197
118
|
res[fKey] = val;
|
|
198
|
-
}
|
|
199
|
-
if (process.env.NODE_ENV === "development") {
|
|
200
|
-
if (debug) {
|
|
201
|
-
if (((_a = res[fKey]) == null ? void 0 : _a[0]) === "$") {
|
|
202
|
-
console.warn(`\u26A0\uFE0F Missing token in theme ${theme.name}:`, fKey, res[fKey], theme);
|
|
203
|
-
}
|
|
204
|
-
}
|
|
205
|
-
}
|
|
119
|
+
process.env.NODE_ENV === "development" && debug && res[fKey]?.[0] === "$" && console.warn(`\u26A0\uFE0F Missing token in theme ${theme.name}:`, fKey, res[fKey], theme);
|
|
206
120
|
}
|
|
207
121
|
return res;
|
|
208
|
-
}
|
|
209
|
-
const tokenCats = ["size", "color", "radius", "space", "zIndex"].map((name) => ({
|
|
122
|
+
}, tokenCats = ["size", "color", "radius", "space", "zIndex"].map((name) => ({
|
|
210
123
|
name,
|
|
211
124
|
spreadName: `...${name}`
|
|
212
125
|
}));
|
|
213
126
|
function getVariantDefinition(variant, key, value, conf) {
|
|
214
|
-
if (typeof variant
|
|
127
|
+
if (typeof variant == "function")
|
|
215
128
|
return variant;
|
|
216
|
-
|
|
217
|
-
if (variant[value]) {
|
|
129
|
+
if (variant[value])
|
|
218
130
|
return variant[value];
|
|
219
|
-
}
|
|
220
131
|
const { tokensParsed } = conf;
|
|
221
|
-
for (const { name, spreadName } of tokenCats)
|
|
222
|
-
if (spreadName in variant && value in tokensParsed[name])
|
|
132
|
+
for (const { name, spreadName } of tokenCats)
|
|
133
|
+
if (spreadName in variant && value in tokensParsed[name])
|
|
223
134
|
return variant[spreadName];
|
|
224
|
-
}
|
|
225
|
-
}
|
|
226
135
|
const fontSizeVariant = variant["...fontSize"];
|
|
227
|
-
|
|
228
|
-
return fontSizeVariant;
|
|
229
|
-
}
|
|
230
|
-
return variant[`:${typeof value}`] || variant["..."] || variant["...size"];
|
|
136
|
+
return fontSizeVariant && conf.fontSizeTokens.has(value) ? fontSizeVariant : variant[`:${typeof value}`] || variant["..."] || variant["...size"];
|
|
231
137
|
}
|
|
232
138
|
const fontShorthand = {
|
|
233
139
|
fontSize: "size",
|
|
234
140
|
fontWeight: "weight"
|
|
235
|
-
}
|
|
236
|
-
|
|
237
|
-
var _a, _b;
|
|
238
|
-
if (resolveAs === "none") {
|
|
141
|
+
}, getTokenForKey = (key, value, resolveAs = "none", styleState) => {
|
|
142
|
+
if (resolveAs === "none")
|
|
239
143
|
return value;
|
|
240
|
-
}
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
} else {
|
|
252
|
-
if (value in conf.specificTokens) {
|
|
253
|
-
hasSet = true;
|
|
254
|
-
valOrVar = conf.specificTokens[value];
|
|
255
|
-
} else {
|
|
256
|
-
switch (key) {
|
|
257
|
-
case "fontFamily": {
|
|
258
|
-
const fontsParsed = (context == null ? void 0 : context.language) ? getFontsForLanguage(conf.fontsParsed, context.language) : conf.fontsParsed;
|
|
259
|
-
valOrVar = ((_a = fontsParsed[value]) == null ? void 0 : _a.family) || value;
|
|
260
|
-
hasSet = true;
|
|
261
|
-
break;
|
|
262
|
-
}
|
|
263
|
-
case "fontSize":
|
|
264
|
-
case "lineHeight":
|
|
265
|
-
case "letterSpacing":
|
|
266
|
-
case "fontWeight": {
|
|
267
|
-
const fam = fontFamily || conf.defaultFont;
|
|
268
|
-
if (fam) {
|
|
269
|
-
const fontsParsed = (context == null ? void 0 : context.language) ? getFontsForLanguage(conf.fontsParsed, context.language) : conf.fontsParsed;
|
|
270
|
-
const font = fontsParsed[fam];
|
|
271
|
-
valOrVar = ((_b = font == null ? void 0 : font[fontShorthand[key] || key]) == null ? void 0 : _b[value]) || value;
|
|
272
|
-
hasSet = true;
|
|
273
|
-
}
|
|
274
|
-
break;
|
|
275
|
-
}
|
|
144
|
+
const { theme, conf = getConfig(), context, fontFamily } = styleState, tokensParsed = conf.tokensParsed;
|
|
145
|
+
let valOrVar, hasSet = !1;
|
|
146
|
+
if (theme && value in theme)
|
|
147
|
+
process.env.NODE_ENV === "development" && styleState.debug === "verbose" && console.log(` - getting theme value for ${key} from ${value}`), valOrVar = theme[value], hasSet = !0;
|
|
148
|
+
else if (value in conf.specificTokens)
|
|
149
|
+
hasSet = !0, valOrVar = conf.specificTokens[value];
|
|
150
|
+
else {
|
|
151
|
+
switch (key) {
|
|
152
|
+
case "fontFamily": {
|
|
153
|
+
valOrVar = (context?.language ? getFontsForLanguage(conf.fontsParsed, context.language) : conf.fontsParsed)[value]?.family || value, hasSet = !0;
|
|
154
|
+
break;
|
|
276
155
|
}
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
}
|
|
156
|
+
case "fontSize":
|
|
157
|
+
case "lineHeight":
|
|
158
|
+
case "letterSpacing":
|
|
159
|
+
case "fontWeight": {
|
|
160
|
+
const fam = fontFamily || conf.defaultFont;
|
|
161
|
+
fam && (valOrVar = (context?.language ? getFontsForLanguage(conf.fontsParsed, context.language) : conf.fontsParsed)[fam]?.[fontShorthand[key] || key]?.[value] || value, hasSet = !0);
|
|
162
|
+
break;
|
|
285
163
|
}
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
}
|
|
164
|
+
}
|
|
165
|
+
for (const cat in tokenCategories)
|
|
166
|
+
if (key in tokenCategories[cat]) {
|
|
167
|
+
const res = tokensParsed[cat][value];
|
|
168
|
+
res != null && (valOrVar = res, hasSet = !0);
|
|
292
169
|
}
|
|
170
|
+
if (!hasSet) {
|
|
171
|
+
const spaceVar = tokensParsed.space[value];
|
|
172
|
+
spaceVar != null && (valOrVar = spaceVar, hasSet = !0);
|
|
293
173
|
}
|
|
294
174
|
}
|
|
295
|
-
|
|
296
|
-
const out = resolveVariableValue(valOrVar, resolveAs);
|
|
297
|
-
return out;
|
|
298
|
-
}
|
|
299
|
-
if (process.env.NODE_ENV === "development" && isDevTools && styleState.debug === "verbose") {
|
|
300
|
-
console.groupCollapsed(" \uFE52 propMap (val)", key, value);
|
|
301
|
-
console.log({ valOrVar, theme, hasSet }, theme ? theme[key] : "");
|
|
302
|
-
console.groupEnd();
|
|
303
|
-
}
|
|
304
|
-
return value;
|
|
175
|
+
return hasSet ? resolveVariableValue(valOrVar, resolveAs) : (process.env.NODE_ENV === "development" && isDevTools && styleState.debug === "verbose" && (console.groupCollapsed(" \uFE52 propMap (val)", key, value), console.log({ valOrVar, theme, hasSet }, theme ? theme[key] : ""), console.groupEnd()), value);
|
|
305
176
|
};
|
|
306
177
|
function resolveVariableValue(valOrVar, resolveVariablesAs) {
|
|
307
|
-
|
|
308
|
-
return valOrVar;
|
|
309
|
-
if (isVariable(valOrVar)) {
|
|
310
|
-
if (!isWeb || resolveVariablesAs === "value") {
|
|
311
|
-
return valOrVar.val;
|
|
312
|
-
}
|
|
313
|
-
return valOrVar.variable;
|
|
314
|
-
}
|
|
315
|
-
return valOrVar;
|
|
178
|
+
return resolveVariablesAs === "none" ? valOrVar : isVariable(valOrVar) ? !isWeb || resolveVariablesAs === "value" ? valOrVar.val : valOrVar.variable : valOrVar;
|
|
316
179
|
}
|
|
317
180
|
export {
|
|
318
181
|
getFontFamilyFromNameOrVariable,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/propMapper.ts"],
|
|
4
|
-
"mappings": "AAAA,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["key", "val"]
|
|
6
6
|
}
|
|
@@ -2,43 +2,31 @@ import { getTokenObject } from "../config";
|
|
|
2
2
|
import { GetThemeUnwrapped } from "../hooks/getThemeUnwrapped";
|
|
3
3
|
const themesRaw = {};
|
|
4
4
|
function proxyThemesToParents(dedupedThemes) {
|
|
5
|
-
for (const { names, theme } of dedupedThemes)
|
|
6
|
-
for (const name of names)
|
|
5
|
+
for (const { names, theme } of dedupedThemes)
|
|
6
|
+
for (const name of names)
|
|
7
7
|
themesRaw[name] = theme;
|
|
8
|
-
}
|
|
9
|
-
}
|
|
10
8
|
const themes = {};
|
|
11
|
-
for (const { names, theme } of dedupedThemes)
|
|
9
|
+
for (const { names, theme } of dedupedThemes)
|
|
12
10
|
for (const themeName of names) {
|
|
13
11
|
const proxiedTheme = proxyThemeToParents(themeName, theme);
|
|
14
12
|
themes[themeName] = proxiedTheme;
|
|
15
13
|
}
|
|
16
|
-
}
|
|
17
14
|
return themes;
|
|
18
15
|
}
|
|
19
16
|
function proxyThemeToParents(themeName, theme) {
|
|
20
|
-
const cur = [];
|
|
21
|
-
const parents = themeName.split("_").slice(0, -1).map((part) => {
|
|
22
|
-
cur.push(part);
|
|
23
|
-
return cur.join("_");
|
|
24
|
-
});
|
|
25
|
-
const numParents = parents.length;
|
|
17
|
+
const cur = [], parents = themeName.split("_").slice(0, -1).map((part) => (cur.push(part), cur.join("_"))), numParents = parents.length;
|
|
26
18
|
return new Proxy(theme, {
|
|
27
19
|
get(target, key) {
|
|
28
20
|
if (key === GetThemeUnwrapped)
|
|
29
21
|
return theme;
|
|
30
22
|
if (key == null || // dont ask me, idk why but on hermes you can see that useTheme()[undefined] passes in STRING undefined to proxy
|
|
31
23
|
// if someone is crazy enough to use "undefined" as a theme key then this not working is on them
|
|
32
|
-
key == "undefined" || Reflect.has(target, key))
|
|
24
|
+
key == "undefined" || Reflect.has(target, key))
|
|
33
25
|
return Reflect.get(target, key);
|
|
34
|
-
}
|
|
35
26
|
for (let i = numParents - 1; i >= 0; i--) {
|
|
36
27
|
const parent = themesRaw[parents[i]];
|
|
37
|
-
if (
|
|
38
|
-
continue;
|
|
39
|
-
if (Reflect.has(parent, key)) {
|
|
28
|
+
if (parent && Reflect.has(parent, key))
|
|
40
29
|
return Reflect.get(parent, key);
|
|
41
|
-
}
|
|
42
30
|
}
|
|
43
31
|
return getTokenObject(key) ?? Reflect.get(target, key);
|
|
44
32
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/proxyThemeToParents.ts"],
|
|
4
|
-
"mappings": "AAAA,SAAmB,sBAAiC;AACpD,SAAS,yBAAyB;AAG3B,MAAM,YAAyC,CAAC;AAIhD,SAAS,qBACd,eAC6B;AAE7B,aAAW,EAAE,OAAO,MAAM,KAAK
|
|
4
|
+
"mappings": "AAAA,SAAmB,sBAAiC;AACpD,SAAS,yBAAyB;AAG3B,MAAM,YAAyC,CAAC;AAIhD,SAAS,qBACd,eAC6B;AAE7B,aAAW,EAAE,OAAO,MAAM,KAAK;AAC7B,eAAW,QAAQ;AACjB,gBAAU,IAAI,IAAI;AAItB,QAAM,SAAsC,CAAC;AAM7C,aAAW,EAAE,OAAO,MAAM,KAAK;AAC7B,eAAW,aAAa,OAAO;AAC7B,YAAM,eAAe,oBAAoB,WAAW,KAAK;AACzD,aAAO,SAAS,IAAI;AAAA,IACtB;AAGF,SAAO;AACT;AAEO,SAAS,oBAAoB,WAAmB,OAAoB;AACzE,QAAM,MAAgB,CAAC,GAIjB,UAAU,UACb,MAAM,GAAG,EACT,MAAM,GAAG,EAAE,EACX,IAAI,CAAC,UACJ,IAAI,KAAK,IAAI,GACN,IAAI,KAAK,GAAG,EACpB,GAEG,aAAa,QAAQ;AAG3B,SAAO,IAAI,MAAM,OAAO;AAAA,IACtB,IAAI,QAAQ,KAAK;AACf,UAAI,QAAQ;AAAmB,eAAO;AACtC,UACE,OAAO;AAAA;AAAA,MAGP,OAAO,eACP,QAAQ,IAAI,QAAQ,GAAG;AAEvB,eAAO,QAAQ,IAAI,QAAQ,GAAG;AAGhC,eAAS,IAAI,aAAa,GAAG,KAAK,GAAG,KAAK;AACxC,cAAM,SAAS,UAAU,QAAQ,CAAC,CAAC;AACnC,YAAK,UACD,QAAQ,IAAI,QAAQ,GAAG;AACzB,iBAAO,QAAQ,IAAI,QAAQ,GAAG;AAAA,MAElC;AACA,aAAO,eAAe,GAAU,KAAK,QAAQ,IAAI,QAAQ,GAAG;AAAA,IAC9D;AAAA,EACF,CAAC;AACH;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|