@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
|
@@ -1,21 +1,17 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __defProp = Object.defineProperty;
|
|
3
2
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
5
|
var __export = (target, all) => {
|
|
7
6
|
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable:
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
7
|
+
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
8
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
9
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
12
10
|
for (let key of __getOwnPropNames(from))
|
|
13
|
-
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
11
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
12
|
return to;
|
|
17
13
|
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value:
|
|
14
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
19
15
|
var getStylesAtomic_exports = {};
|
|
20
16
|
__export(getStylesAtomic_exports, {
|
|
21
17
|
generateAtomicStyles: () => generateAtomicStyles,
|
|
@@ -23,34 +19,23 @@ __export(getStylesAtomic_exports, {
|
|
|
23
19
|
styleToCSS: () => styleToCSS
|
|
24
20
|
});
|
|
25
21
|
module.exports = __toCommonJS(getStylesAtomic_exports);
|
|
26
|
-
var import_helpers = require("@tamagui/helpers");
|
|
27
|
-
var import_config = require("../config");
|
|
28
|
-
var import_defaultOffset = require("./defaultOffset");
|
|
29
|
-
var import_normalizeValueWithProperty = require("./normalizeValueWithProperty");
|
|
30
|
-
var import_pseudoDescriptors = require("./pseudoDescriptors");
|
|
22
|
+
var import_helpers = require("@tamagui/helpers"), import_config = require("../config"), import_defaultOffset = require("./defaultOffset"), import_normalizeValueWithProperty = require("./normalizeValueWithProperty"), import_pseudoDescriptors = require("./pseudoDescriptors");
|
|
31
23
|
function getStylesAtomic(stylesIn, debug) {
|
|
32
24
|
let res = [];
|
|
33
25
|
for (const pseudoName in import_pseudoDescriptors.pseudoDescriptorsBase) {
|
|
34
26
|
const pseudoStyle = stylesIn[pseudoName];
|
|
35
|
-
|
|
36
|
-
res
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
];
|
|
40
|
-
}
|
|
27
|
+
pseudoStyle && (res = [
|
|
28
|
+
...res,
|
|
29
|
+
...generateAtomicStyles(pseudoStyle, import_pseudoDescriptors.pseudoDescriptorsBase[pseudoName])
|
|
30
|
+
]);
|
|
41
31
|
}
|
|
42
|
-
res = [...res, ...generateAtomicStyles(stylesIn)];
|
|
43
|
-
if (process.env.NODE_ENV === "development" && debug === "verbose") {
|
|
44
|
-
console.log(` \u{1FAAE} getStylesAtomic`, { stylesIn, res });
|
|
45
|
-
}
|
|
46
|
-
return res;
|
|
32
|
+
return res = [...res, ...generateAtomicStyles(stylesIn)], process.env.NODE_ENV === "development" && debug === "verbose" && console.log(" \u{1FAAE} getStylesAtomic", { stylesIn, res }), res;
|
|
47
33
|
}
|
|
48
34
|
let conf;
|
|
49
35
|
const generateAtomicStyles = (style, pseudo) => {
|
|
50
36
|
if (!style)
|
|
51
37
|
return [];
|
|
52
|
-
conf = conf || (0, import_config.getConfig)();
|
|
53
|
-
styleToCSS(style);
|
|
38
|
+
conf = conf || (0, import_config.getConfig)(), styleToCSS(style);
|
|
54
39
|
const out = [];
|
|
55
40
|
for (const key in style) {
|
|
56
41
|
if (key in import_pseudoDescriptors.pseudoDescriptors)
|
|
@@ -58,30 +43,18 @@ const generateAtomicStyles = (style, pseudo) => {
|
|
|
58
43
|
let val = style[key];
|
|
59
44
|
if (val == null)
|
|
60
45
|
continue;
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
(transform)
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
}
|
|
72
|
-
return `${type}(${(0, import_normalizeValueWithProperty.normalizeValueWithProperty)(value2, type)})`;
|
|
73
|
-
}
|
|
74
|
-
).join(" ");
|
|
75
|
-
}
|
|
76
|
-
const value = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(val, key);
|
|
77
|
-
const hash = (0, import_helpers.simpleHash)(`${value}`);
|
|
78
|
-
const pseudoPrefix = pseudo ? `0${pseudo.name}-` : "";
|
|
79
|
-
const shortProp = conf.inverseShorthands[key] || key;
|
|
80
|
-
const identifier = `_${shortProp}-${pseudoPrefix}${hash}`;
|
|
81
|
-
const rules = createAtomicRules(identifier, key, value, pseudo);
|
|
82
|
-
const styleObject = {
|
|
46
|
+
key === "transform" && Array.isArray(style.transform) && (val = val.map(
|
|
47
|
+
// { scale: 2 } => 'scale(2)'
|
|
48
|
+
// { translateX: 20 } => 'translateX(20px)'
|
|
49
|
+
// { matrix: [1,2,3,4,5,6] } => 'matrix(1,2,3,4,5,6)'
|
|
50
|
+
(transform) => {
|
|
51
|
+
const type = Object.keys(transform)[0], value2 = transform[type];
|
|
52
|
+
return type === "matrix" || type === "matrix3d" ? `${type}(${value2.join(",")})` : `${type}(${(0, import_normalizeValueWithProperty.normalizeValueWithProperty)(value2, type)})`;
|
|
53
|
+
}
|
|
54
|
+
).join(" "));
|
|
55
|
+
const value = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(val, key), hash = (0, import_helpers.simpleHash)(`${value}`), pseudoPrefix = pseudo ? `0${pseudo.name}-` : "", identifier = `_${conf.inverseShorthands[key] || key}-${pseudoPrefix}${hash}`, rules = createAtomicRules(identifier, key, value, pseudo), styleObject = {
|
|
83
56
|
property: key,
|
|
84
|
-
pseudo: pseudo
|
|
57
|
+
pseudo: pseudo?.name,
|
|
85
58
|
identifier,
|
|
86
59
|
rules,
|
|
87
60
|
value
|
|
@@ -93,50 +66,31 @@ const generateAtomicStyles = (style, pseudo) => {
|
|
|
93
66
|
function styleToCSS(style) {
|
|
94
67
|
const { shadowOffset, shadowRadius, shadowColor } = style;
|
|
95
68
|
if (style.shadowRadius) {
|
|
96
|
-
const offset = shadowOffset || import_defaultOffset.defaultOffset
|
|
97
|
-
|
|
98
|
-
const height = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(offset.height);
|
|
99
|
-
const radius = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(shadowRadius);
|
|
100
|
-
const shadow = `${width} ${height} ${radius} ${shadowColor}`;
|
|
101
|
-
style.boxShadow = style.boxShadow ? `${style.boxShadow}, ${shadow}` : shadow;
|
|
102
|
-
delete style.shadowOffset;
|
|
103
|
-
delete style.shadowRadius;
|
|
104
|
-
delete style.shadowColor;
|
|
105
|
-
delete style.shadowOpacity;
|
|
69
|
+
const offset = shadowOffset || import_defaultOffset.defaultOffset, width = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(offset.width), height = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(offset.height), radius = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(shadowRadius), shadow = `${width} ${height} ${radius} ${shadowColor}`;
|
|
70
|
+
style.boxShadow = style.boxShadow ? `${style.boxShadow}, ${shadow}` : shadow, delete style.shadowOffset, delete style.shadowRadius, delete style.shadowColor, delete style.shadowOpacity;
|
|
106
71
|
}
|
|
107
72
|
const { textShadowColor, textShadowOffset, textShadowRadius } = style;
|
|
108
73
|
if (textShadowColor || textShadowOffset || textShadowRadius) {
|
|
109
|
-
const { height, width } = textShadowOffset || import_defaultOffset.defaultOffset;
|
|
110
|
-
const radius = textShadowRadius || 0;
|
|
111
|
-
const color = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(textShadowColor, "textShadowColor");
|
|
74
|
+
const { height, width } = textShadowOffset || import_defaultOffset.defaultOffset, radius = textShadowRadius || 0, color = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(textShadowColor, "textShadowColor");
|
|
112
75
|
if (color && (height !== 0 || width !== 0 || radius !== 0)) {
|
|
113
|
-
const blurRadius = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(radius);
|
|
114
|
-
const offsetX = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(width);
|
|
115
|
-
const offsetY = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(height);
|
|
76
|
+
const blurRadius = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(radius), offsetX = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(width), offsetY = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(height);
|
|
116
77
|
style.textShadow = `${offsetX} ${offsetY} ${blurRadius} ${color}`;
|
|
117
78
|
}
|
|
118
|
-
delete style.textShadowColor;
|
|
119
|
-
delete style.textShadowOffset;
|
|
120
|
-
delete style.textShadowRadius;
|
|
79
|
+
delete style.textShadowColor, delete style.textShadowOffset, delete style.textShadowRadius;
|
|
121
80
|
}
|
|
122
81
|
}
|
|
123
|
-
function createDeclarationBlock(style, important =
|
|
82
|
+
function createDeclarationBlock(style, important = !1) {
|
|
124
83
|
let next = "";
|
|
125
|
-
for (const [key, value] of style)
|
|
84
|
+
for (const [key, value] of style)
|
|
126
85
|
next += `${hyphenateStyleName(key)}:${value}${important ? " !important" : ""};`;
|
|
127
|
-
}
|
|
128
86
|
return `{${next}}`;
|
|
129
87
|
}
|
|
130
|
-
const hcache = {}
|
|
131
|
-
const toHyphenLower = (match) => `-${match.toLowerCase()}`;
|
|
132
|
-
const hyphenateStyleName = (key) => {
|
|
88
|
+
const hcache = {}, toHyphenLower = (match) => `-${match.toLowerCase()}`, hyphenateStyleName = (key) => {
|
|
133
89
|
if (key in hcache)
|
|
134
90
|
return hcache[key];
|
|
135
91
|
const val = key.replace(/[A-Z]/g, toHyphenLower);
|
|
136
|
-
hcache[key] = val;
|
|
137
|
-
|
|
138
|
-
};
|
|
139
|
-
const pseudoSelectorPrefixes = (() => {
|
|
92
|
+
return hcache[key] = val, val;
|
|
93
|
+
}, pseudoSelectorPrefixes = (() => {
|
|
140
94
|
const res = {};
|
|
141
95
|
for (const key in import_pseudoDescriptors.pseudoDescriptors) {
|
|
142
96
|
const pseudo = import_pseudoDescriptors.pseudoDescriptors[key];
|
|
@@ -148,8 +102,7 @@ function createAtomicRules(identifier, property, value, pseudo) {
|
|
|
148
102
|
const selector = pseudo ? (
|
|
149
103
|
// adding one more :root so we always override react native web styles :/
|
|
150
104
|
`${pseudoSelectorPrefixes[pseudo.name]} .${identifier}:${pseudo.name}`
|
|
151
|
-
) : `:root .${identifier}
|
|
152
|
-
const important = !!pseudo;
|
|
105
|
+
) : `:root .${identifier}`, important = !!pseudo;
|
|
153
106
|
let rules = [];
|
|
154
107
|
switch (property) {
|
|
155
108
|
case "placeholderTextColor": {
|
|
@@ -165,9 +118,7 @@ function createAtomicRules(identifier, property, value, pseudo) {
|
|
|
165
118
|
}
|
|
166
119
|
case "backgroundClip":
|
|
167
120
|
case "userSelect": {
|
|
168
|
-
const
|
|
169
|
-
const webkitProperty = `Webkit${propertyCapitalized}`;
|
|
170
|
-
const block = createDeclarationBlock(
|
|
121
|
+
const webkitProperty = `Webkit${`${property[0].toUpperCase()}${property.slice(1)}`}`, block = createDeclarationBlock(
|
|
171
122
|
[
|
|
172
123
|
[property, value],
|
|
173
124
|
[webkitProperty, value]
|
|
@@ -179,18 +130,8 @@ function createAtomicRules(identifier, property, value, pseudo) {
|
|
|
179
130
|
}
|
|
180
131
|
case "pointerEvents": {
|
|
181
132
|
let finalValue = value;
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
if (value === "box-only") {
|
|
185
|
-
rules.push(`${selector}>*${boxOnly}`);
|
|
186
|
-
}
|
|
187
|
-
} else if (value === "none" || value === "box-none") {
|
|
188
|
-
finalValue = "none";
|
|
189
|
-
if (value === "box-none") {
|
|
190
|
-
rules.push(`${selector}>*${boxNone}`);
|
|
191
|
-
}
|
|
192
|
-
}
|
|
193
|
-
const block = createDeclarationBlock([["pointerEvents", finalValue]], true);
|
|
133
|
+
value === "auto" || value === "box-only" ? (finalValue = "auto", value === "box-only" && rules.push(`${selector}>*${boxOnly}`)) : (value === "none" || value === "box-none") && (finalValue = "none", value === "box-none" && rules.push(`${selector}>*${boxNone}`));
|
|
134
|
+
const block = createDeclarationBlock([["pointerEvents", finalValue]], !0);
|
|
194
135
|
rules.push(`${selector}${block}`);
|
|
195
136
|
break;
|
|
196
137
|
}
|
|
@@ -200,13 +141,9 @@ function createAtomicRules(identifier, property, value, pseudo) {
|
|
|
200
141
|
break;
|
|
201
142
|
}
|
|
202
143
|
}
|
|
203
|
-
|
|
204
|
-
rules = rules.map((r) => `@media not all and (hover: none) { ${r} }`);
|
|
205
|
-
}
|
|
206
|
-
return rules;
|
|
144
|
+
return pseudo?.name === "hover" && (rules = rules.map((r) => `@media not all and (hover: none) { ${r} }`)), rules;
|
|
207
145
|
}
|
|
208
|
-
const boxNone = createDeclarationBlock([["pointerEvents", "auto"]],
|
|
209
|
-
const boxOnly = createDeclarationBlock([["pointerEvents", "none"]], true);
|
|
146
|
+
const boxNone = createDeclarationBlock([["pointerEvents", "auto"]], !0), boxOnly = createDeclarationBlock([["pointerEvents", "none"]], !0);
|
|
210
147
|
// Annotate the CommonJS export names for ESM import in node:
|
|
211
148
|
0 && (module.exports = {
|
|
212
149
|
generateAtomicStyles,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/getStylesAtomic.ts"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["value"]
|
|
6
6
|
}
|
|
@@ -5,17 +5,14 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
|
5
5
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
6
|
var __export = (target, all) => {
|
|
7
7
|
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable:
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
9
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
12
11
|
for (let key of __getOwnPropNames(from))
|
|
13
|
-
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
12
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
13
|
return to;
|
|
17
14
|
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value:
|
|
15
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
19
16
|
var getStylesAtomic_native_exports = {};
|
|
20
17
|
__export(getStylesAtomic_native_exports, {
|
|
21
18
|
generateAtomicStyles: () => generateAtomicStyles,
|
|
@@ -26,11 +23,7 @@ __export(getStylesAtomic_native_exports, {
|
|
|
26
23
|
module.exports = __toCommonJS(getStylesAtomic_native_exports);
|
|
27
24
|
const empty = () => {
|
|
28
25
|
console.warn("no-op native");
|
|
29
|
-
};
|
|
30
|
-
const getStylesAtomic = empty;
|
|
31
|
-
const generateAtomicStyles = empty;
|
|
32
|
-
const getAtomicStyle = empty;
|
|
33
|
-
const styleToCSS = empty;
|
|
26
|
+
}, getStylesAtomic = empty, generateAtomicStyles = empty, getAtomicStyle = empty, styleToCSS = empty;
|
|
34
27
|
// Annotate the CommonJS export names for ESM import in node:
|
|
35
28
|
0 && (module.exports = {
|
|
36
29
|
generateAtomicStyles,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/getStylesAtomic.native.ts"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAM,QAAQ,MAAM;AAClB,UAAQ,KAAK,cAAc;AAC7B,GAEa,kBAAkB,OAClB,uBAAuB,OACvB,iBAAiB,OACjB,aAAa;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,131 +1,86 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __defProp = Object.defineProperty;
|
|
3
2
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
5
|
var __export = (target, all) => {
|
|
7
6
|
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable:
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
7
|
+
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
8
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
9
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
12
10
|
for (let key of __getOwnPropNames(from))
|
|
13
|
-
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
11
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
12
|
return to;
|
|
17
13
|
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value:
|
|
14
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
19
15
|
var getThemeCSSRules_exports = {};
|
|
20
16
|
__export(getThemeCSSRules_exports, {
|
|
21
17
|
getThemeCSSRules: () => getThemeCSSRules
|
|
22
18
|
});
|
|
23
19
|
module.exports = __toCommonJS(getThemeCSSRules_exports);
|
|
24
|
-
var import_helpers = require("@tamagui/helpers");
|
|
25
|
-
var import_constants = require("../constants/constants");
|
|
26
|
-
var import_createVariable = require("../createVariable");
|
|
27
|
-
var import_registerCSSVariable = require("./registerCSSVariable");
|
|
20
|
+
var import_helpers = require("@tamagui/helpers"), import_constants = require("../constants/constants"), import_createVariable = require("../createVariable"), import_registerCSSVariable = require("./registerCSSVariable");
|
|
28
21
|
function getThemeCSSRules(props) {
|
|
29
22
|
const cssRuleSets = [];
|
|
30
23
|
if (!process.env.TAMAGUI_DOES_SSR_CSS || process.env.TAMAGUI_DOES_SSR_CSS === "mutates-themes" || process.env.TAMAGUI_DOES_SSR_CSS === "false") {
|
|
31
|
-
const { config, themeName, theme, names } = props
|
|
32
|
-
const hasDarkLight = "light" in config.themes || "dark" in config.themes;
|
|
33
|
-
const CNP = `.${import_constants.THEME_CLASSNAME_PREFIX}`;
|
|
24
|
+
const { config, themeName, theme, names } = props, hasDarkLight = "light" in config.themes || "dark" in config.themes, CNP = `.${import_constants.THEME_CLASSNAME_PREFIX}`;
|
|
34
25
|
let vars = "";
|
|
35
26
|
for (const themeKey in theme) {
|
|
36
27
|
const variable = theme[themeKey];
|
|
37
28
|
let value = null;
|
|
38
|
-
|
|
39
|
-
value = variable.val;
|
|
40
|
-
} else {
|
|
41
|
-
value = import_registerCSSVariable.tokensValueToVariable.get(variable.val).variable;
|
|
42
|
-
}
|
|
43
|
-
vars += `--${(0, import_helpers.simpleHash)(themeKey, 40)}:${value};`;
|
|
29
|
+
import_registerCSSVariable.tokensValueToVariable.has(variable.val) ? value = import_registerCSSVariable.tokensValueToVariable.get(variable.val).variable : value = variable.val, vars += `--${(0, import_helpers.simpleHash)(themeKey, 40)}:${value};`;
|
|
44
30
|
}
|
|
45
|
-
const isDarkBase = themeName === "dark";
|
|
46
|
-
const isLightBase = themeName === "light";
|
|
47
|
-
const baseSelectors = names.map((name) => `${CNP}${name}`);
|
|
48
|
-
const selectorsSet = new Set(baseSelectors);
|
|
31
|
+
const isDarkBase = themeName === "dark", isLightBase = themeName === "light", baseSelectors = names.map((name) => `${CNP}${name}`), selectorsSet = new Set(baseSelectors);
|
|
49
32
|
if (hasDarkLight) {
|
|
50
33
|
const maxDepth = config.maxDarkLightNesting ?? 3;
|
|
51
34
|
for (const subName of names) {
|
|
52
|
-
const isDark = isDarkBase || subName.startsWith("dark_");
|
|
53
|
-
const isLight = !isDark && (isLightBase || subName.startsWith("light_"));
|
|
35
|
+
const isDark = isDarkBase || subName.startsWith("dark_"), isLight = !isDark && (isLightBase || subName.startsWith("light_"));
|
|
54
36
|
if (!(isDark || isLight)) {
|
|
55
37
|
selectorsSet.add(`:root:root ${CNP}${subName}`);
|
|
56
38
|
continue;
|
|
57
39
|
}
|
|
58
|
-
const childSelector = `${CNP}${subName.replace(/^(dark|light)_/, "")}
|
|
59
|
-
const order = isDark ? ["dark", "light"] : ["light", "dark"];
|
|
60
|
-
const [stronger, weaker] = order;
|
|
61
|
-
const numSelectors = Math.round(maxDepth * 1.5);
|
|
40
|
+
const childSelector = `${CNP}${subName.replace(/^(dark|light)_/, "")}`, order = isDark ? ["dark", "light"] : ["light", "dark"], [stronger, weaker] = order, numSelectors = Math.round(maxDepth * 1.5);
|
|
62
41
|
for (let depth = 0; depth < numSelectors; depth++) {
|
|
63
42
|
const isOdd = depth % 2 === 1;
|
|
64
|
-
if (isOdd && depth < 3)
|
|
43
|
+
if (isOdd && depth < 3)
|
|
65
44
|
continue;
|
|
66
|
-
}
|
|
67
|
-
const parents = new Array(depth + 1).fill(0).map((_, psi) => {
|
|
68
|
-
return `${CNP}${psi % 2 === 0 ? stronger : weaker}`;
|
|
69
|
-
});
|
|
45
|
+
const parents = new Array(depth + 1).fill(0).map((_, psi) => `${CNP}${psi % 2 === 0 ? stronger : weaker}`);
|
|
70
46
|
let parentSelectors = parents.length > 1 ? parents.slice(1) : parents;
|
|
71
47
|
if (isOdd) {
|
|
72
48
|
const [_first, second, ...rest] = parentSelectors;
|
|
73
49
|
parentSelectors = [second, ...rest, second];
|
|
74
50
|
}
|
|
75
|
-
const lastParentSelector = parentSelectors[parentSelectors.length - 1];
|
|
76
|
-
|
|
77
|
-
selectorsSet.add(`${parentSelectors.join(" ")} ${nextChildSelector}`.trim());
|
|
78
|
-
selectorsSet.add(
|
|
51
|
+
const lastParentSelector = parentSelectors[parentSelectors.length - 1], nextChildSelector = childSelector === lastParentSelector ? "" : childSelector;
|
|
52
|
+
selectorsSet.add(`${parentSelectors.join(" ")} ${nextChildSelector}`.trim()), selectorsSet.add(
|
|
79
53
|
`${parentSelectors.join(" ")} ${nextChildSelector}.is_inversed`.trim()
|
|
80
54
|
);
|
|
81
55
|
}
|
|
82
56
|
}
|
|
83
57
|
}
|
|
84
|
-
const selectors = [...selectorsSet].sort((a, b) => a.localeCompare(b))
|
|
85
|
-
|
|
86
|
-
const
|
|
87
|
-
return `:root${rootSep}${x}`;
|
|
88
|
-
}).join(", ");
|
|
89
|
-
const css = `${selectorsString} {${vars}}`;
|
|
90
|
-
cssRuleSets.push(css);
|
|
91
|
-
if (config.shouldAddPrefersColorThemes) {
|
|
92
|
-
const bgString = theme.background ? `background:${(0, import_createVariable.variableToString)(theme.background)};` : "";
|
|
93
|
-
const fgString = theme.color ? `color:${(0, import_createVariable.variableToString)(theme.color)}` : "";
|
|
94
|
-
const bodyRules = `body{${bgString}${fgString}}`;
|
|
95
|
-
const isDark = themeName.startsWith("dark");
|
|
96
|
-
const baseName = isDark ? "dark" : "light";
|
|
97
|
-
const lessSpecificSelectors = selectors.map((x) => {
|
|
58
|
+
const selectors = [...selectorsSet].sort((a, b) => a.localeCompare(b)), css = `${selectors.map((x) => `:root${isBaseTheme(x) && config.themeClassNameOnRoot ? "" : " "}${x}`).join(", ")} {${vars}}`;
|
|
59
|
+
if (cssRuleSets.push(css), config.shouldAddPrefersColorThemes) {
|
|
60
|
+
const bgString = theme.background ? `background:${(0, import_createVariable.variableToString)(theme.background)};` : "", fgString = theme.color ? `color:${(0, import_createVariable.variableToString)(theme.color)}` : "", bodyRules = `body{${bgString}${fgString}}`, isDark = themeName.startsWith("dark"), baseName = isDark ? "dark" : "light", themeRules = `${selectors.map((x) => {
|
|
98
61
|
if (x == darkSelector || x === lightSelector)
|
|
99
|
-
return
|
|
100
|
-
if (isDark && x.startsWith(lightSelector) || !isDark && x.startsWith(darkSelector))
|
|
101
|
-
return;
|
|
102
|
-
|
|
103
|
-
return x.replace(/^\.t_(dark|light) /, "").trim();
|
|
104
|
-
}).filter(Boolean).join(", ");
|
|
105
|
-
const themeRules = `${lessSpecificSelectors} {${vars}}`;
|
|
106
|
-
const prefersMediaSelectors = `@media(prefers-color-scheme:${baseName}){
|
|
62
|
+
return ":root";
|
|
63
|
+
if (!(isDark && x.startsWith(lightSelector) || !isDark && x.startsWith(darkSelector)))
|
|
64
|
+
return x.replace(/^\.t_(dark|light) /, "").trim();
|
|
65
|
+
}).filter(Boolean).join(", ")} {${vars}}`, prefersMediaSelectors = `@media(prefers-color-scheme:${baseName}){
|
|
107
66
|
${bodyRules}
|
|
108
67
|
${themeRules}
|
|
109
68
|
}`;
|
|
110
69
|
cssRuleSets.push(prefersMediaSelectors);
|
|
111
70
|
}
|
|
112
71
|
if (config.selectionStyles) {
|
|
113
|
-
const selectionSelectors = baseSelectors.map((s) => `${s} ::selection`).join(", ");
|
|
114
|
-
const rules = config.selectionStyles(theme);
|
|
72
|
+
const selectionSelectors = baseSelectors.map((s) => `${s} ::selection`).join(", "), rules = config.selectionStyles(theme);
|
|
115
73
|
if (rules) {
|
|
116
74
|
const styles = Object.entries(rules).flatMap(
|
|
117
75
|
([k, v]) => v ? `${k === "backgroundColor" ? "background" : k}:${(0, import_createVariable.variableToString)(v)}` : []
|
|
118
|
-
).join(";")
|
|
119
|
-
const css2 = `${selectionSelectors} {${styles}}`;
|
|
76
|
+
).join(";"), css2 = `${selectionSelectors} {${styles}}`;
|
|
120
77
|
cssRuleSets.push(css2);
|
|
121
78
|
}
|
|
122
79
|
}
|
|
123
80
|
}
|
|
124
81
|
return cssRuleSets;
|
|
125
82
|
}
|
|
126
|
-
const darkSelector = ".t_dark";
|
|
127
|
-
const lightSelector = ".t_light";
|
|
128
|
-
const isBaseTheme = (x) => x === darkSelector || x === lightSelector || x.startsWith(".t_dark ") || x.startsWith(".t_light ");
|
|
83
|
+
const darkSelector = ".t_dark", lightSelector = ".t_light", isBaseTheme = (x) => x === darkSelector || x === lightSelector || x.startsWith(".t_dark ") || x.startsWith(".t_light ");
|
|
129
84
|
// Annotate the CommonJS export names for ESM import in node:
|
|
130
85
|
0 && (module.exports = {
|
|
131
86
|
getThemeCSSRules
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/getThemeCSSRules.ts"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["css"]
|
|
6
6
|
}
|
|
@@ -5,17 +5,14 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
|
5
5
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
6
|
var __export = (target, all) => {
|
|
7
7
|
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable:
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
9
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
12
11
|
for (let key of __getOwnPropNames(from))
|
|
13
|
-
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
12
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
13
|
return to;
|
|
17
14
|
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value:
|
|
15
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
19
16
|
var getThemeCSSRules_native_exports = {};
|
|
20
17
|
__export(getThemeCSSRules_native_exports, {
|
|
21
18
|
getThemeCSSRules: () => getThemeCSSRules
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/getThemeCSSRules.native.ts"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,SAAS,mBAAmB;AACjC,SAAO,CAAC;AACV;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,39 +1,32 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __defProp = Object.defineProperty;
|
|
3
2
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
5
|
var __export = (target, all) => {
|
|
7
6
|
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable:
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
7
|
+
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
8
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
9
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
12
10
|
for (let key of __getOwnPropNames(from))
|
|
13
|
-
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
11
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
12
|
return to;
|
|
17
13
|
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value:
|
|
14
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
19
15
|
var getVariantExtras_exports = {};
|
|
20
16
|
__export(getVariantExtras_exports, {
|
|
21
17
|
getFontsForLanguage: () => getFontsForLanguage,
|
|
22
18
|
getVariantExtras: () => getVariantExtras
|
|
23
19
|
});
|
|
24
20
|
module.exports = __toCommonJS(getVariantExtras_exports);
|
|
25
|
-
var import_createVariable = require("../createVariable");
|
|
26
|
-
var import_createProxy = require("./createProxy");
|
|
21
|
+
var import_createVariable = require("../createVariable"), import_createProxy = require("./createProxy");
|
|
27
22
|
function getVariantExtras(styleState) {
|
|
28
23
|
const { curProps, conf, context, theme } = styleState;
|
|
29
24
|
let fonts = conf.fontsParsed;
|
|
30
|
-
|
|
31
|
-
fonts = getFontsForLanguage(conf.fontsParsed, context.language);
|
|
32
|
-
}
|
|
25
|
+
context?.language && (fonts = getFontsForLanguage(conf.fontsParsed, context.language));
|
|
33
26
|
const fontFamily = (0, import_createVariable.getVariableValue)(
|
|
34
27
|
styleState.fontFamily || styleState.curProps.fontFamily || styleState.conf.defaultFont
|
|
35
28
|
);
|
|
36
|
-
|
|
29
|
+
return {
|
|
37
30
|
fonts,
|
|
38
31
|
tokens: conf.tokensParsed,
|
|
39
32
|
theme,
|
|
@@ -45,36 +38,30 @@ function getVariantExtras(styleState) {
|
|
|
45
38
|
// handles shorthands
|
|
46
39
|
get(target, key) {
|
|
47
40
|
const shorthand = conf.inverseShorthands[key];
|
|
48
|
-
if (shorthand && Reflect.has(target, shorthand))
|
|
41
|
+
if (shorthand && Reflect.has(target, shorthand))
|
|
49
42
|
return Reflect.get(target, shorthand);
|
|
50
|
-
|
|
51
|
-
if (Reflect.has(target, key)) {
|
|
43
|
+
if (Reflect.has(target, key))
|
|
52
44
|
return Reflect.get(target, key);
|
|
53
|
-
}
|
|
54
45
|
}
|
|
55
46
|
})
|
|
56
47
|
};
|
|
57
|
-
return next;
|
|
58
48
|
}
|
|
59
49
|
const fontLanguageCache = /* @__PURE__ */ new WeakMap();
|
|
60
50
|
function getFontsForLanguage(fonts, language) {
|
|
61
|
-
if (fontLanguageCache.has(language))
|
|
51
|
+
if (fontLanguageCache.has(language))
|
|
62
52
|
return fontLanguageCache.get(language);
|
|
63
|
-
}
|
|
64
53
|
const next = {
|
|
65
54
|
...fonts,
|
|
66
55
|
...Object.fromEntries(
|
|
67
56
|
Object.entries(language).map(([name, lang]) => {
|
|
68
|
-
if (lang === "default")
|
|
57
|
+
if (lang === "default")
|
|
69
58
|
return [];
|
|
70
|
-
}
|
|
71
59
|
const langKey = `$${name}_${lang}`;
|
|
72
60
|
return [`$${name}`, fonts[langKey]];
|
|
73
61
|
})
|
|
74
62
|
)
|
|
75
63
|
};
|
|
76
|
-
fontLanguageCache.set(language, next);
|
|
77
|
-
return next;
|
|
64
|
+
return fontLanguageCache.set(language, next), next;
|
|
78
65
|
}
|
|
79
66
|
// Annotate the CommonJS export names for ESM import in node:
|
|
80
67
|
0 && (module.exports = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/getVariantExtras.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAAiC,8BAGjC,qBAA4B;AAErB,SAAS,iBAAiB,YAA2B;AAC1D,QAAM,EAAE,UAAU,MAAM,SAAS,MAAM,IAAI;AAC3C,MAAI,QAAQ,KAAK;AACjB,EAAI,SAAS,aACX,QAAQ,oBAAoB,KAAK,aAAa,QAAQ,QAAQ;AAIhE,QAAM,iBAAa;AAAA,IACjB,WAAW,cAAc,WAAW,SAAS,cAAc,WAAW,KAAK;AAAA,EAC7E;AA0BA,SAxBa;AAAA,IACX;AAAA,IACA,QAAQ,KAAK;AAAA,IACb;AAAA,IACA;AAAA,IACA,MAAM,MAAM,UAAU;AAAA;AAAA;AAAA,IAGtB,WAAO,gCAAY,UAAU;AAAA;AAAA,MAE3B,IAAI,QAAQ,KAAK;AACf,cAAM,YAAY,KAAK,kBAAkB,GAAU;AAGnD,YAAI,aAAa,QAAQ,IAAI,QAAQ,SAAS;AAC5C,iBAAO,QAAQ,IAAI,QAAQ,SAAS;AAEtC,YAAI,QAAQ,IAAI,QAAQ,GAAG;AACzB,iBAAO,QAAQ,IAAI,QAAQ,GAAG;AAAA,MAElC;AAAA,IACF,CAAC;AAAA,EACH;AAGF;AAEA,MAAM,oBAAoB,oBAAI,QAAQ;AAE/B,SAAS,oBAAoB,OAAqB,UAA+B;AACtF,MAAI,kBAAkB,IAAI,QAAQ;AAChC,WAAO,kBAAkB,IAAI,QAAQ;AAEvC,QAAM,OAAO;AAAA,IACX,GAAG;AAAA,IACH,GAAG,OAAO;AAAA,MACR,OAAO,QAAQ,QAAQ,EAAE,IAAI,CAAC,CAAC,MAAM,IAAI,MAAM;AAC7C,YAAI,SAAS;AACX,iBAAO,CAAC;AAEV,cAAM,UAAU,IAAI,IAAI,IAAI,IAAI;AAChC,eAAO,CAAC,IAAI,IAAI,IAAI,MAAM,OAAO,CAAC;AAAA,MACpC,CAAC;AAAA,IACH;AAAA,EACF;AACA,2BAAkB,IAAI,UAAU,IAAI,GAC7B;AACT;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|