@tamagui/web 1.13.3 → 1.14.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 +1 -76
- package/dist/cjs/Tamagui.js.map +2 -2
- package/dist/cjs/addTheme.js +2 -77
- package/dist/cjs/addTheme.js.map +2 -2
- package/dist/cjs/config.js +1 -122
- package/dist/cjs/config.js.map +2 -2
- package/dist/cjs/constants/constants.js +1 -48
- package/dist/cjs/constants/constants.js.map +2 -2
- package/dist/cjs/constants/isDevTools.js +1 -36
- package/dist/cjs/constants/isDevTools.js.map +2 -2
- package/dist/cjs/contexts/AnimationDriverContext.js +1 -29
- package/dist/cjs/contexts/AnimationDriverContext.js.map +2 -2
- package/dist/cjs/contexts/ButtonNestingContext.js +1 -29
- package/dist/cjs/contexts/ButtonNestingContext.js.map +2 -2
- package/dist/cjs/contexts/FontLanguageContext.js +1 -29
- package/dist/cjs/contexts/FontLanguageContext.js.map +2 -2
- package/dist/cjs/contexts/TextAncestorContext.js +1 -29
- package/dist/cjs/contexts/TextAncestorContext.js.map +2 -2
- package/dist/cjs/createComponent.js +2 -874
- package/dist/cjs/createComponent.js.map +3 -3
- package/dist/cjs/createFont.js +1 -68
- package/dist/cjs/createFont.js.map +2 -2
- package/dist/cjs/createShorthands.js +1 -30
- package/dist/cjs/createShorthands.js.map +2 -2
- package/dist/cjs/createTamagui.js +5 -202
- package/dist/cjs/createTamagui.js.map +2 -2
- package/dist/cjs/createTheme.js +1 -30
- package/dist/cjs/createTheme.js.map +2 -2
- package/dist/cjs/createTokens.js +1 -38
- package/dist/cjs/createTokens.js.map +2 -2
- package/dist/cjs/createVariable.js +1 -110
- package/dist/cjs/createVariable.js.map +2 -2
- package/dist/cjs/createVariables.js +1 -59
- package/dist/cjs/createVariables.js.map +2 -2
- package/dist/cjs/helpers/ThemeManager.js +1 -236
- package/dist/cjs/helpers/ThemeManager.js.map +3 -3
- package/dist/cjs/helpers/ThemeManagerContext.js +1 -29
- package/dist/cjs/helpers/ThemeManagerContext.js.map +2 -2
- package/dist/cjs/helpers/createMediaStyle.js +1 -66
- package/dist/cjs/helpers/createMediaStyle.js.map +2 -2
- package/dist/cjs/helpers/createPropMapper.js +2 -431
- package/dist/cjs/helpers/createPropMapper.js.map +2 -2
- package/dist/cjs/helpers/createProxy.js +2 -41
- package/dist/cjs/helpers/createProxy.js.map +2 -2
- package/dist/cjs/helpers/defaultOffset.js +1 -28
- package/dist/cjs/helpers/defaultOffset.js.map +2 -2
- package/dist/cjs/helpers/expandStyle.js +1 -85
- package/dist/cjs/helpers/expandStyle.js.map +2 -2
- package/dist/cjs/helpers/expandStyles.js +1 -76
- package/dist/cjs/helpers/expandStyles.js.map +2 -2
- package/dist/cjs/helpers/extendStaticConfig.js +1 -91
- package/dist/cjs/helpers/extendStaticConfig.js.map +2 -2
- package/dist/cjs/helpers/getAnimationDriver.js +1 -31
- package/dist/cjs/helpers/getAnimationDriver.js.map +2 -2
- package/dist/cjs/helpers/getExpandedShorthands.js +1 -38
- package/dist/cjs/helpers/getExpandedShorthands.js.map +2 -2
- package/dist/cjs/helpers/getFontLanguage.js +1 -28
- package/dist/cjs/helpers/getFontLanguage.js.map +2 -2
- package/dist/cjs/helpers/getSplitStyles.js +3 -865
- package/dist/cjs/helpers/getSplitStyles.js.map +3 -3
- package/dist/cjs/helpers/getStylesAtomic.js +1 -226
- package/dist/cjs/helpers/getStylesAtomic.js.map +2 -2
- package/dist/cjs/helpers/getStylesAtomic.native.js +1 -37
- package/dist/cjs/helpers/getStylesAtomic.native.js.map +2 -2
- package/dist/cjs/helpers/getThemeCSSRules.js +4 -126
- package/dist/cjs/helpers/getThemeCSSRules.js.map +2 -2
- package/dist/cjs/helpers/getThemeCSSRules.native.js +1 -30
- package/dist/cjs/helpers/getThemeCSSRules.native.js.map +2 -2
- package/dist/cjs/helpers/getVariantExtras.js +1 -91
- package/dist/cjs/helpers/getVariantExtras.js.map +2 -2
- package/dist/cjs/helpers/insertStyleRule.js +2 -222
- package/dist/cjs/helpers/insertStyleRule.js.map +2 -2
- package/dist/cjs/helpers/isObj.js +1 -28
- package/dist/cjs/helpers/isObj.js.map +2 -2
- package/dist/cjs/helpers/isTamaguiComponent.js +1 -31
- package/dist/cjs/helpers/isTamaguiComponent.js.map +2 -2
- package/dist/cjs/helpers/isTamaguiElement.js +1 -32
- package/dist/cjs/helpers/isTamaguiElement.js.map +2 -2
- package/dist/cjs/helpers/matchMedia.js +1 -41
- package/dist/cjs/helpers/matchMedia.js.map +2 -2
- package/dist/cjs/helpers/matchMedia.native.js +1 -47
- package/dist/cjs/helpers/matchMedia.native.js.map +2 -2
- package/dist/cjs/helpers/mergeProps.js +1 -53
- package/dist/cjs/helpers/mergeProps.js.map +2 -2
- package/dist/cjs/helpers/normalizeColor.js +1 -66
- package/dist/cjs/helpers/normalizeColor.js.map +2 -2
- package/dist/cjs/helpers/normalizeShadow.js +1 -46
- package/dist/cjs/helpers/normalizeShadow.js.map +2 -2
- package/dist/cjs/helpers/normalizeShadow.native.js +1 -54
- package/dist/cjs/helpers/normalizeShadow.native.js.map +2 -2
- package/dist/cjs/helpers/normalizeStylePropKeys.js +1 -28
- package/dist/cjs/helpers/normalizeStylePropKeys.js.map +2 -2
- package/dist/cjs/helpers/normalizeStylePropKeys.native.js +1 -39
- package/dist/cjs/helpers/normalizeStylePropKeys.native.js.map +2 -2
- package/dist/cjs/helpers/normalizeValueWithProperty.js +1 -125
- package/dist/cjs/helpers/normalizeValueWithProperty.js.map +2 -2
- package/dist/cjs/helpers/proxyThemeVariables.js +1 -39
- package/dist/cjs/helpers/proxyThemeVariables.js.map +2 -2
- package/dist/cjs/helpers/pseudoDescriptors.js +1 -52
- package/dist/cjs/helpers/pseudoDescriptors.js.map +2 -2
- package/dist/cjs/helpers/registerCSSVariable.js +1 -39
- package/dist/cjs/helpers/registerCSSVariable.js.map +2 -2
- package/dist/cjs/helpers/themeable.js +1 -61
- package/dist/cjs/helpers/themeable.js.map +2 -2
- package/dist/cjs/helpers/themes.js +1 -75
- package/dist/cjs/helpers/themes.js.map +2 -2
- package/dist/cjs/helpers/timer.js +1 -34
- package/dist/cjs/helpers/timer.js.map +2 -2
- package/dist/cjs/helpers/useShallowSetState.js +1 -58
- package/dist/cjs/helpers/useShallowSetState.js.map +2 -2
- package/dist/cjs/helpers/warnOnce.js +1 -37
- package/dist/cjs/helpers/warnOnce.js.map +2 -2
- package/dist/cjs/helpers/withStaticProperties.js +1 -32
- package/dist/cjs/helpers/withStaticProperties.js.map +2 -2
- package/dist/cjs/hooks/getThemeUnwrapped.js +1 -33
- package/dist/cjs/hooks/getThemeUnwrapped.js.map +2 -2
- package/dist/cjs/hooks/useAnimationDriver.js +1 -33
- package/dist/cjs/hooks/useAnimationDriver.js.map +2 -2
- package/dist/cjs/hooks/useId.js +1 -28
- package/dist/cjs/hooks/useId.js.map +2 -2
- package/dist/cjs/hooks/useIsTouchDevice.js +1 -32
- package/dist/cjs/hooks/useIsTouchDevice.js.map +2 -2
- package/dist/cjs/hooks/useMedia.js +1 -264
- package/dist/cjs/hooks/useMedia.js.map +2 -2
- package/dist/cjs/hooks/useSafeRef.js +1 -58
- package/dist/cjs/hooks/useSafeRef.js.map +2 -2
- package/dist/cjs/hooks/useServerHooks.js +1 -35
- package/dist/cjs/hooks/useServerHooks.js.map +2 -2
- package/dist/cjs/hooks/useStyle.js +1 -60
- package/dist/cjs/hooks/useStyle.js.map +2 -2
- package/dist/cjs/hooks/useTheme.js +1 -229
- package/dist/cjs/hooks/useTheme.js.map +3 -3
- package/dist/cjs/hooks/useThemeName.js +1 -51
- package/dist/cjs/hooks/useThemeName.js.map +2 -2
- package/dist/cjs/index.js +1 -110
- package/dist/cjs/index.js.map +2 -2
- package/dist/cjs/inject-styles.js +1 -39
- package/dist/cjs/inject-styles.js.map +2 -2
- package/dist/cjs/insertFont.js +1 -92
- package/dist/cjs/insertFont.js.map +2 -2
- package/dist/cjs/setupHooks.js +1 -33
- package/dist/cjs/setupHooks.js.map +2 -2
- package/dist/cjs/setupReactNative.js +1 -50
- package/dist/cjs/setupReactNative.js.map +2 -2
- package/dist/cjs/styled.js +1 -93
- package/dist/cjs/styled.js.map +2 -2
- package/dist/cjs/types.js +1 -16
- package/dist/cjs/types.js.map +3 -3
- package/dist/cjs/updateTheme.js +1 -46
- package/dist/cjs/updateTheme.js.map +2 -2
- package/dist/cjs/views/AnimationDriverProvider.js +1 -32
- package/dist/cjs/views/AnimationDriverProvider.js.map +2 -2
- package/dist/cjs/views/FontLanguage.js +1 -40
- package/dist/cjs/views/FontLanguage.js.map +2 -2
- package/dist/cjs/views/FontLanguage.native.js +1 -34
- package/dist/cjs/views/FontLanguage.native.js.map +2 -2
- package/dist/cjs/views/FontLanguage.types.js +1 -16
- package/dist/cjs/views/FontLanguage.types.js.map +2 -2
- package/dist/cjs/views/Slot.js +1 -91
- package/dist/cjs/views/Slot.js.map +2 -2
- package/dist/cjs/views/Stack.js +1 -37
- package/dist/cjs/views/Stack.js.map +2 -2
- package/dist/cjs/views/TamaguiProvider.js +1 -90
- package/dist/cjs/views/TamaguiProvider.js.map +2 -2
- package/dist/cjs/views/Text.js +1 -95
- package/dist/cjs/views/Text.js.map +2 -2
- package/dist/cjs/views/Theme.js +1 -80
- package/dist/cjs/views/Theme.js.map +3 -3
- package/dist/cjs/views/ThemeProvider.js +1 -69
- package/dist/cjs/views/ThemeProvider.js.map +2 -2
- package/dist/esm/Tamagui.js +1 -44
- package/dist/esm/Tamagui.js.map +2 -2
- package/dist/esm/Tamagui.mjs +1 -44
- package/dist/esm/Tamagui.mjs.map +2 -2
- package/dist/esm/addTheme.js +2 -53
- package/dist/esm/addTheme.js.map +2 -2
- package/dist/esm/addTheme.mjs +2 -53
- package/dist/esm/addTheme.mjs.map +2 -2
- package/dist/esm/config.js +1 -89
- package/dist/esm/config.js.map +2 -2
- package/dist/esm/config.mjs +1 -89
- package/dist/esm/config.mjs.map +2 -2
- package/dist/esm/constants/constants.js +1 -21
- package/dist/esm/constants/constants.js.map +2 -2
- package/dist/esm/constants/constants.mjs +1 -21
- package/dist/esm/constants/constants.mjs.map +2 -2
- package/dist/esm/constants/isDevTools.js +1 -12
- package/dist/esm/constants/isDevTools.js.map +2 -2
- package/dist/esm/constants/isDevTools.mjs +1 -12
- package/dist/esm/constants/isDevTools.mjs.map +2 -2
- package/dist/esm/contexts/AnimationDriverContext.js +1 -5
- package/dist/esm/contexts/AnimationDriverContext.js.map +2 -2
- package/dist/esm/contexts/AnimationDriverContext.mjs +1 -5
- package/dist/esm/contexts/AnimationDriverContext.mjs.map +2 -2
- package/dist/esm/contexts/ButtonNestingContext.js +1 -5
- package/dist/esm/contexts/ButtonNestingContext.js.map +2 -2
- package/dist/esm/contexts/ButtonNestingContext.mjs +1 -5
- package/dist/esm/contexts/ButtonNestingContext.mjs.map +2 -2
- package/dist/esm/contexts/FontLanguageContext.js +1 -5
- package/dist/esm/contexts/FontLanguageContext.js.map +2 -2
- package/dist/esm/contexts/FontLanguageContext.mjs +1 -5
- package/dist/esm/contexts/FontLanguageContext.mjs.map +2 -2
- package/dist/esm/contexts/TextAncestorContext.js +1 -5
- package/dist/esm/contexts/TextAncestorContext.js.map +2 -2
- package/dist/esm/contexts/TextAncestorContext.mjs +1 -5
- package/dist/esm/contexts/TextAncestorContext.mjs.map +2 -2
- package/dist/esm/createComponent.js +2 -846
- package/dist/esm/createComponent.js.map +3 -3
- package/dist/esm/createComponent.mjs +2 -846
- package/dist/esm/createComponent.mjs.map +3 -3
- package/dist/esm/createFont.js +1 -44
- package/dist/esm/createFont.js.map +2 -2
- package/dist/esm/createFont.mjs +1 -44
- package/dist/esm/createFont.mjs.map +2 -2
- package/dist/esm/createShorthands.js +1 -6
- package/dist/esm/createShorthands.js.map +2 -2
- package/dist/esm/createShorthands.mjs +1 -6
- package/dist/esm/createShorthands.mjs.map +2 -2
- package/dist/esm/createTamagui.js +5 -186
- package/dist/esm/createTamagui.js.map +2 -2
- package/dist/esm/createTamagui.mjs +5 -186
- package/dist/esm/createTamagui.mjs.map +2 -2
- package/dist/esm/createTheme.js +1 -6
- package/dist/esm/createTheme.js.map +2 -2
- package/dist/esm/createTheme.mjs +1 -6
- package/dist/esm/createTheme.mjs.map +2 -2
- package/dist/esm/createTokens.js +1 -14
- package/dist/esm/createTokens.js.map +2 -2
- package/dist/esm/createTokens.mjs +1 -14
- package/dist/esm/createTokens.mjs.map +2 -2
- package/dist/esm/createVariable.js +1 -77
- package/dist/esm/createVariable.js.map +2 -2
- package/dist/esm/createVariable.mjs +1 -77
- package/dist/esm/createVariable.mjs.map +2 -2
- package/dist/esm/createVariables.js +1 -34
- package/dist/esm/createVariables.js.map +2 -2
- package/dist/esm/createVariables.mjs +1 -34
- package/dist/esm/createVariables.mjs.map +2 -2
- package/dist/esm/helpers/ThemeManager.js +1 -211
- package/dist/esm/helpers/ThemeManager.js.map +3 -3
- package/dist/esm/helpers/ThemeManager.mjs +1 -211
- package/dist/esm/helpers/ThemeManager.mjs.map +3 -3
- package/dist/esm/helpers/ThemeManagerContext.js +1 -5
- package/dist/esm/helpers/ThemeManagerContext.js.map +2 -2
- package/dist/esm/helpers/ThemeManagerContext.mjs +1 -5
- package/dist/esm/helpers/ThemeManagerContext.mjs.map +2 -2
- package/dist/esm/helpers/createMediaStyle.js +1 -41
- package/dist/esm/helpers/createMediaStyle.js.map +2 -2
- package/dist/esm/helpers/createMediaStyle.mjs +1 -41
- package/dist/esm/helpers/createMediaStyle.mjs.map +2 -2
- package/dist/esm/helpers/createPropMapper.js +2 -404
- package/dist/esm/helpers/createPropMapper.js.map +2 -2
- package/dist/esm/helpers/createPropMapper.mjs +2 -404
- package/dist/esm/helpers/createPropMapper.mjs.map +2 -2
- package/dist/esm/helpers/createProxy.js +2 -17
- package/dist/esm/helpers/createProxy.js.map +2 -2
- package/dist/esm/helpers/createProxy.mjs +2 -17
- package/dist/esm/helpers/createProxy.mjs.map +2 -2
- package/dist/esm/helpers/defaultOffset.js +1 -4
- package/dist/esm/helpers/defaultOffset.js.map +2 -2
- package/dist/esm/helpers/defaultOffset.mjs +1 -4
- package/dist/esm/helpers/defaultOffset.mjs.map +2 -2
- package/dist/esm/helpers/expandStyle.js +1 -61
- package/dist/esm/helpers/expandStyle.js.map +2 -2
- package/dist/esm/helpers/expandStyle.mjs +1 -61
- package/dist/esm/helpers/expandStyle.mjs.map +2 -2
- package/dist/esm/helpers/expandStyles.js +1 -51
- package/dist/esm/helpers/expandStyles.js.map +2 -2
- package/dist/esm/helpers/expandStyles.mjs +1 -51
- package/dist/esm/helpers/expandStyles.mjs.map +2 -2
- package/dist/esm/helpers/extendStaticConfig.js +1 -66
- package/dist/esm/helpers/extendStaticConfig.js.map +2 -2
- package/dist/esm/helpers/extendStaticConfig.mjs +1 -66
- package/dist/esm/helpers/extendStaticConfig.mjs.map +2 -2
- package/dist/esm/helpers/getAnimationDriver.js +1 -7
- package/dist/esm/helpers/getAnimationDriver.js.map +2 -2
- package/dist/esm/helpers/getAnimationDriver.mjs +1 -7
- package/dist/esm/helpers/getAnimationDriver.mjs.map +2 -2
- package/dist/esm/helpers/getExpandedShorthands.js +1 -14
- package/dist/esm/helpers/getExpandedShorthands.js.map +2 -2
- package/dist/esm/helpers/getExpandedShorthands.mjs +1 -14
- package/dist/esm/helpers/getExpandedShorthands.mjs.map +2 -2
- package/dist/esm/helpers/getFontLanguage.js +1 -4
- package/dist/esm/helpers/getFontLanguage.js.map +2 -2
- package/dist/esm/helpers/getFontLanguage.mjs +1 -4
- package/dist/esm/helpers/getFontLanguage.mjs.map +2 -2
- package/dist/esm/helpers/getSplitStyles.js +3 -866
- package/dist/esm/helpers/getSplitStyles.js.map +3 -3
- package/dist/esm/helpers/getSplitStyles.mjs +3 -866
- package/dist/esm/helpers/getSplitStyles.mjs.map +3 -3
- package/dist/esm/helpers/getStylesAtomic.js +1 -200
- package/dist/esm/helpers/getStylesAtomic.js.map +2 -2
- package/dist/esm/helpers/getStylesAtomic.mjs +1 -200
- package/dist/esm/helpers/getStylesAtomic.mjs.map +2 -2
- package/dist/esm/helpers/getStylesAtomic.native.js +1 -11
- package/dist/esm/helpers/getStylesAtomic.native.js.map +2 -2
- package/dist/esm/helpers/getStylesAtomic.native.mjs +1 -11
- package/dist/esm/helpers/getStylesAtomic.native.mjs.map +2 -2
- package/dist/esm/helpers/getThemeCSSRules.js +4 -102
- package/dist/esm/helpers/getThemeCSSRules.js.map +2 -2
- package/dist/esm/helpers/getThemeCSSRules.mjs +4 -102
- package/dist/esm/helpers/getThemeCSSRules.mjs.map +2 -2
- package/dist/esm/helpers/getThemeCSSRules.native.js +1 -6
- package/dist/esm/helpers/getThemeCSSRules.native.js.map +2 -2
- package/dist/esm/helpers/getThemeCSSRules.native.mjs +1 -6
- package/dist/esm/helpers/getThemeCSSRules.native.mjs.map +2 -2
- package/dist/esm/helpers/getVariantExtras.js +1 -66
- package/dist/esm/helpers/getVariantExtras.js.map +2 -2
- package/dist/esm/helpers/getVariantExtras.mjs +1 -66
- package/dist/esm/helpers/getVariantExtras.mjs.map +2 -2
- package/dist/esm/helpers/insertStyleRule.js +2 -190
- package/dist/esm/helpers/insertStyleRule.js.map +2 -2
- package/dist/esm/helpers/insertStyleRule.mjs +2 -190
- package/dist/esm/helpers/insertStyleRule.mjs.map +2 -2
- package/dist/esm/helpers/isObj.js +1 -4
- package/dist/esm/helpers/isObj.js.map +2 -2
- package/dist/esm/helpers/isObj.mjs +1 -4
- package/dist/esm/helpers/isObj.mjs.map +2 -2
- package/dist/esm/helpers/isTamaguiComponent.js +1 -7
- package/dist/esm/helpers/isTamaguiComponent.js.map +2 -2
- package/dist/esm/helpers/isTamaguiComponent.mjs +1 -7
- package/dist/esm/helpers/isTamaguiComponent.mjs.map +2 -2
- package/dist/esm/helpers/isTamaguiElement.js +1 -8
- package/dist/esm/helpers/isTamaguiElement.js.map +2 -2
- package/dist/esm/helpers/isTamaguiElement.mjs +1 -8
- package/dist/esm/helpers/isTamaguiElement.mjs.map +2 -2
- package/dist/esm/helpers/matchMedia.js +1 -16
- package/dist/esm/helpers/matchMedia.js.map +2 -2
- package/dist/esm/helpers/matchMedia.mjs +1 -16
- package/dist/esm/helpers/matchMedia.mjs.map +2 -2
- package/dist/esm/helpers/matchMedia.native.js +1 -22
- package/dist/esm/helpers/matchMedia.native.js.map +2 -2
- package/dist/esm/helpers/matchMedia.native.mjs +1 -22
- package/dist/esm/helpers/matchMedia.native.mjs.map +2 -2
- package/dist/esm/helpers/mergeProps.js +1 -29
- package/dist/esm/helpers/mergeProps.js.map +2 -2
- package/dist/esm/helpers/mergeProps.mjs +1 -29
- package/dist/esm/helpers/mergeProps.mjs.map +2 -2
- package/dist/esm/helpers/normalizeColor.js +1 -30
- package/dist/esm/helpers/normalizeColor.js.map +2 -2
- package/dist/esm/helpers/normalizeColor.mjs +1 -30
- package/dist/esm/helpers/normalizeColor.mjs.map +2 -2
- package/dist/esm/helpers/normalizeShadow.js +1 -22
- package/dist/esm/helpers/normalizeShadow.js.map +2 -2
- package/dist/esm/helpers/normalizeShadow.mjs +1 -22
- package/dist/esm/helpers/normalizeShadow.mjs.map +2 -2
- package/dist/esm/helpers/normalizeShadow.native.js +1 -30
- package/dist/esm/helpers/normalizeShadow.native.js.map +2 -2
- package/dist/esm/helpers/normalizeShadow.native.mjs +1 -30
- package/dist/esm/helpers/normalizeShadow.native.mjs.map +2 -2
- package/dist/esm/helpers/normalizeStylePropKeys.js +1 -4
- package/dist/esm/helpers/normalizeStylePropKeys.js.map +2 -2
- package/dist/esm/helpers/normalizeStylePropKeys.mjs +1 -4
- package/dist/esm/helpers/normalizeStylePropKeys.mjs.map +2 -2
- package/dist/esm/helpers/normalizeStylePropKeys.native.js +1 -15
- package/dist/esm/helpers/normalizeStylePropKeys.native.js.map +2 -2
- package/dist/esm/helpers/normalizeStylePropKeys.native.mjs +1 -15
- package/dist/esm/helpers/normalizeStylePropKeys.native.mjs.map +2 -2
- package/dist/esm/helpers/normalizeValueWithProperty.js +1 -100
- package/dist/esm/helpers/normalizeValueWithProperty.js.map +2 -2
- package/dist/esm/helpers/normalizeValueWithProperty.mjs +1 -100
- package/dist/esm/helpers/normalizeValueWithProperty.mjs.map +2 -2
- package/dist/esm/helpers/proxyThemeVariables.js +1 -15
- package/dist/esm/helpers/proxyThemeVariables.js.map +2 -2
- package/dist/esm/helpers/proxyThemeVariables.mjs +1 -15
- package/dist/esm/helpers/proxyThemeVariables.mjs.map +2 -2
- package/dist/esm/helpers/pseudoDescriptors.js +1 -28
- package/dist/esm/helpers/pseudoDescriptors.js.map +2 -2
- package/dist/esm/helpers/pseudoDescriptors.mjs +1 -28
- package/dist/esm/helpers/pseudoDescriptors.mjs.map +2 -2
- package/dist/esm/helpers/registerCSSVariable.js +1 -13
- package/dist/esm/helpers/registerCSSVariable.js.map +2 -2
- package/dist/esm/helpers/registerCSSVariable.mjs +1 -13
- package/dist/esm/helpers/registerCSSVariable.mjs.map +2 -2
- package/dist/esm/helpers/themeable.js +1 -27
- package/dist/esm/helpers/themeable.js.map +2 -2
- package/dist/esm/helpers/themeable.mjs +1 -27
- package/dist/esm/helpers/themeable.mjs.map +2 -2
- package/dist/esm/helpers/themes.js +1 -50
- package/dist/esm/helpers/themes.js.map +2 -2
- package/dist/esm/helpers/themes.mjs +1 -50
- package/dist/esm/helpers/themes.mjs.map +2 -2
- package/dist/esm/helpers/timer.js +1 -10
- package/dist/esm/helpers/timer.js.map +2 -2
- package/dist/esm/helpers/timer.mjs +1 -10
- package/dist/esm/helpers/timer.mjs.map +2 -2
- package/dist/esm/helpers/useShallowSetState.js +1 -34
- package/dist/esm/helpers/useShallowSetState.js.map +2 -2
- package/dist/esm/helpers/useShallowSetState.mjs +1 -34
- package/dist/esm/helpers/useShallowSetState.mjs.map +2 -2
- package/dist/esm/helpers/warnOnce.js +1 -13
- package/dist/esm/helpers/warnOnce.js.map +2 -2
- package/dist/esm/helpers/warnOnce.mjs +1 -13
- package/dist/esm/helpers/warnOnce.mjs.map +2 -2
- package/dist/esm/helpers/withStaticProperties.js +1 -8
- package/dist/esm/helpers/withStaticProperties.js.map +2 -2
- package/dist/esm/helpers/withStaticProperties.mjs +1 -8
- package/dist/esm/helpers/withStaticProperties.mjs.map +2 -2
- package/dist/esm/hooks/getThemeUnwrapped.js +1 -8
- package/dist/esm/hooks/getThemeUnwrapped.js.map +2 -2
- package/dist/esm/hooks/getThemeUnwrapped.mjs +1 -8
- package/dist/esm/hooks/getThemeUnwrapped.mjs.map +2 -2
- package/dist/esm/hooks/useAnimationDriver.js +1 -9
- package/dist/esm/hooks/useAnimationDriver.js.map +2 -2
- package/dist/esm/hooks/useAnimationDriver.mjs +1 -9
- package/dist/esm/hooks/useAnimationDriver.mjs.map +2 -2
- package/dist/esm/hooks/useId.js +1 -4
- package/dist/esm/hooks/useId.js.map +2 -2
- package/dist/esm/hooks/useId.mjs +1 -4
- package/dist/esm/hooks/useId.mjs.map +2 -2
- package/dist/esm/hooks/useIsTouchDevice.js +1 -8
- package/dist/esm/hooks/useIsTouchDevice.js.map +2 -2
- package/dist/esm/hooks/useIsTouchDevice.mjs +1 -8
- package/dist/esm/hooks/useIsTouchDevice.mjs.map +2 -2
- package/dist/esm/hooks/useMedia.js +1 -225
- package/dist/esm/hooks/useMedia.js.map +2 -2
- package/dist/esm/hooks/useMedia.mjs +1 -225
- package/dist/esm/hooks/useMedia.mjs.map +2 -2
- package/dist/esm/hooks/useSafeRef.js +1 -34
- package/dist/esm/hooks/useSafeRef.js.map +2 -2
- package/dist/esm/hooks/useSafeRef.mjs +1 -34
- package/dist/esm/hooks/useSafeRef.mjs.map +2 -2
- package/dist/esm/hooks/useServerHooks.js +1 -10
- package/dist/esm/hooks/useServerHooks.js.map +2 -2
- package/dist/esm/hooks/useServerHooks.mjs +1 -10
- package/dist/esm/hooks/useServerHooks.mjs.map +2 -2
- package/dist/esm/hooks/useStyle.js +1 -36
- package/dist/esm/hooks/useStyle.js.map +2 -2
- package/dist/esm/hooks/useStyle.mjs +1 -36
- package/dist/esm/hooks/useStyle.mjs.map +2 -2
- package/dist/esm/hooks/useTheme.js +1 -204
- package/dist/esm/hooks/useTheme.js.map +3 -3
- package/dist/esm/hooks/useTheme.mjs +1 -204
- package/dist/esm/hooks/useTheme.mjs.map +3 -3
- package/dist/esm/hooks/useThemeName.js +1 -27
- package/dist/esm/hooks/useThemeName.js.map +2 -2
- package/dist/esm/hooks/useThemeName.mjs +1 -27
- package/dist/esm/hooks/useThemeName.mjs.map +2 -2
- package/dist/esm/index.js +1 -88
- package/dist/esm/index.js.map +2 -2
- package/dist/esm/index.mjs +1 -88
- package/dist/esm/index.mjs.map +2 -2
- package/dist/esm/inject-styles.js +1 -15
- package/dist/esm/inject-styles.js.map +2 -2
- package/dist/esm/inject-styles.mjs +1 -15
- package/dist/esm/inject-styles.mjs.map +2 -2
- package/dist/esm/insertFont.js +1 -66
- package/dist/esm/insertFont.js.map +2 -2
- package/dist/esm/insertFont.mjs +1 -66
- package/dist/esm/insertFont.mjs.map +2 -2
- package/dist/esm/setupHooks.js +1 -8
- package/dist/esm/setupHooks.js.map +2 -2
- package/dist/esm/setupHooks.mjs +1 -8
- package/dist/esm/setupHooks.mjs.map +2 -2
- package/dist/esm/setupReactNative.js +1 -24
- package/dist/esm/setupReactNative.js.map +2 -2
- package/dist/esm/setupReactNative.mjs +1 -24
- package/dist/esm/setupReactNative.mjs.map +2 -2
- package/dist/esm/styled.js +1 -69
- package/dist/esm/styled.js.map +2 -2
- package/dist/esm/styled.mjs +1 -69
- package/dist/esm/styled.mjs.map +2 -2
- package/dist/esm/updateTheme.js +1 -22
- package/dist/esm/updateTheme.js.map +2 -2
- package/dist/esm/updateTheme.mjs +1 -22
- package/dist/esm/updateTheme.mjs.map +2 -2
- package/dist/esm/views/AnimationDriverProvider.js +1 -8
- package/dist/esm/views/AnimationDriverProvider.js.map +2 -2
- package/dist/esm/views/AnimationDriverProvider.mjs +1 -8
- package/dist/esm/views/AnimationDriverProvider.mjs.map +2 -2
- package/dist/esm/views/FontLanguage.js +1 -16
- package/dist/esm/views/FontLanguage.js.map +2 -2
- package/dist/esm/views/FontLanguage.mjs +1 -16
- package/dist/esm/views/FontLanguage.mjs.map +2 -2
- package/dist/esm/views/FontLanguage.native.js +1 -10
- package/dist/esm/views/FontLanguage.native.js.map +2 -2
- package/dist/esm/views/FontLanguage.native.mjs +1 -10
- package/dist/esm/views/FontLanguage.native.mjs.map +2 -2
- package/dist/esm/views/Slot.js +1 -65
- package/dist/esm/views/Slot.js.map +2 -2
- package/dist/esm/views/Slot.mjs +1 -65
- package/dist/esm/views/Slot.mjs.map +2 -2
- package/dist/esm/views/Stack.js +1 -13
- package/dist/esm/views/Stack.js.map +2 -2
- package/dist/esm/views/Stack.mjs +1 -13
- package/dist/esm/views/Stack.mjs.map +2 -2
- package/dist/esm/views/TamaguiProvider.js +1 -56
- package/dist/esm/views/TamaguiProvider.js.map +2 -2
- package/dist/esm/views/TamaguiProvider.mjs +1 -56
- package/dist/esm/views/TamaguiProvider.mjs.map +2 -2
- package/dist/esm/views/Text.js +1 -71
- package/dist/esm/views/Text.js.map +2 -2
- package/dist/esm/views/Text.mjs +1 -71
- package/dist/esm/views/Text.mjs.map +2 -2
- package/dist/esm/views/Theme.js +1 -55
- package/dist/esm/views/Theme.js.map +3 -3
- package/dist/esm/views/Theme.mjs +1 -55
- package/dist/esm/views/Theme.mjs.map +3 -3
- package/dist/esm/views/ThemeProvider.js +1 -44
- package/dist/esm/views/ThemeProvider.js.map +2 -2
- package/dist/esm/views/ThemeProvider.mjs +1 -44
- package/dist/esm/views/ThemeProvider.mjs.map +2 -2
- package/package.json +9 -9
- package/src/createComponent.tsx +38 -5
- package/src/helpers/ThemeManager.tsx +40 -32
- package/src/helpers/getSplitStyles.tsx +0 -8
- package/src/hooks/useTheme.tsx +145 -93
- package/src/types.tsx +2 -2
- package/src/views/Theme.tsx +49 -27
- package/types/createComponent.d.ts.map +1 -1
- package/types/helpers/ThemeManager.d.ts +1 -0
- package/types/helpers/ThemeManager.d.ts.map +1 -1
- package/types/helpers/getSplitStyles.d.ts.map +1 -1
- package/types/hooks/useTheme.d.ts +5 -7
- package/types/hooks/useTheme.d.ts.map +1 -1
- package/types/types.d.ts +2 -2
- package/types/types.d.ts.map +1 -1
- package/types/views/Theme.d.ts.map +1 -1
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/createTamagui.ts"],
|
|
4
4
|
"sourcesContent": ["import { isRSC, isWeb } from '@tamagui/constants'\n\nimport { configListeners, setConfig } from './config.js'\nimport { createVariables, tokensKeysOrdered } from './createVariables.js'\nimport { getThemeCSSRules } from './helpers/getThemeCSSRules.js'\nimport {\n getAllRules,\n listenForSheetChanges,\n scanAllSheets,\n} from './helpers/insertStyleRule.js'\nimport {\n registerCSSVariable,\n tokensValueToVariable,\n variableToCSS,\n} from './helpers/registerCSSVariable.js'\nimport { ensureThemeVariable, proxyThemeToParents } from './helpers/themes.js'\nimport { configureMedia } from './hooks/useMedia.js'\nimport { parseFont, registerFontVariables } from './insertFont.js'\nimport { Tamagui } from './Tamagui.js'\nimport {\n CreateTamaguiProps,\n InferTamaguiConfig,\n TamaguiInternalConfig,\n ThemeParsed,\n} from './types.js'\n\n// config is re-run by the @tamagui/static, dont double validate\nconst createdConfigs = new WeakMap<any, boolean>()\n\nexport function createTamagui<Conf extends CreateTamaguiProps>(\n configIn: Conf\n): InferTamaguiConfig<Conf> {\n if (createdConfigs.has(configIn)) {\n return configIn as any\n }\n\n if (process.env.NODE_ENV === 'development') {\n if (!configIn.tokens) {\n throw new Error('Must define tokens')\n }\n if (!configIn.themes) {\n throw new Error('Must define themes')\n }\n if (!configIn.fonts) {\n throw new Error('Must define fonts')\n }\n }\n\n scanAllSheets()\n listenForSheetChanges()\n\n const fontTokens = Object.fromEntries(\n Object.entries(configIn.fonts!).map(([k, v]) => {\n return [k, createVariables(v, 'f', true)]\n })\n )\n\n const fontsParsed = (() => {\n const res = {} as typeof fontTokens\n for (const familyName in fontTokens) {\n res[`$${familyName}`] = parseFont(fontTokens[familyName])\n }\n return res!\n })()\n\n const themeConfig = (() => {\n const themes = { ...configIn.themes }\n const cssRuleSets: string[] = []\n\n if (isWeb) {\n const declarations: string[] = []\n const fontDeclarations: Record<\n string,\n { name: string; declarations: string[]; language?: string }\n > = {}\n\n for (const key in configIn.tokens) {\n for (const skey in configIn.tokens[key]) {\n const val = configIn.tokens[key][skey]\n registerCSSVariable(val)\n declarations.push(variableToCSS(val, key === 'zIndex'))\n }\n }\n\n for (const key in fontsParsed) {\n const fontParsed = fontsParsed[key]\n const [name, language] = key.includes('_') ? key.split('_') : [key]\n const fontVars = registerFontVariables(fontParsed)\n fontDeclarations[key] = {\n name: name.slice(1),\n declarations: fontVars,\n language,\n }\n }\n\n const sep =\n process.env.NODE_ENV === 'development' ? configIn.cssStyleSeparator || ' ' : ''\n\n function declarationsToRuleSet(decs: string[], selector = '') {\n return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`\n }\n\n // non-font\n cssRuleSets.push(declarationsToRuleSet(declarations))\n\n // fonts\n if (fontDeclarations) {\n for (const key in fontDeclarations) {\n const { name, declarations, language = 'default' } = fontDeclarations[key]\n const fontSelector = `.font_${name}`\n const langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`\n const selectors =\n language === 'default' ? ` ${fontSelector}, ${langSelector}` : langSelector\n const specificRuleSet = declarationsToRuleSet(declarations, selectors)\n cssRuleSets.push(specificRuleSet)\n }\n }\n }\n\n // dedupe themes to avoid duplicate CSS generation\n type DedupedTheme = {\n names: string[]\n theme: ThemeParsed\n }\n const dedupedThemes: {\n [key: string]: DedupedTheme\n } = {}\n const existing = new Map<string, DedupedTheme>()\n\n // first, de-dupe and parse them\n for (const themeName in themes) {\n const rawTheme = themes[themeName] as ThemeParsed\n // dont force referential equality but may need something more consistent than JSON.stringify\n const key = JSON.stringify(rawTheme)\n\n // if existing, avoid\n if (existing.has(key)) {\n const e = existing.get(key)!\n themes[themeName] = e.theme\n e.names.push(themeName)\n continue\n }\n\n // ensure each theme object unique for dedupe\n const theme = { ...rawTheme }\n // parse into variables\n for (const key in theme) {\n // make sure properly names theme variables\n ensureThemeVariable(theme, key)\n }\n themes[themeName] = theme\n\n // set deduped\n dedupedThemes[themeName] = {\n names: [themeName],\n theme,\n }\n\n existing.set(key, dedupedThemes[themeName])\n }\n\n // then, generate CSS from de-duped\n let themeRuleSets: string[] = []\n\n if (isWeb || isRSC) {\n for (const themeName in dedupedThemes) {\n themeRuleSets = [\n ...themeRuleSets,\n ...getThemeCSSRules({\n config: configIn,\n themeName,\n ...dedupedThemes[themeName],\n }),\n ]\n }\n }\n\n // proxy upwards to get parent variables (themes are subset going down)\n for (const themeName in themes) {\n themes[themeName] = proxyThemeToParents(themeName, themes[themeName], themes)\n }\n\n tokensValueToVariable.clear()\n\n return {\n themes,\n cssRuleSets,\n themeRuleSets,\n }\n })()\n\n // faster $lookups\n const tokensParsed: any = Object.fromEntries(\n Object.entries(configIn.tokens).map(([k, v]) => {\n const val = Object.fromEntries(Object.entries(v).map(([k, v]) => [`$${k}`, v]))\n tokensKeysOrdered.set(val, tokensKeysOrdered.get(v))\n return [k, val]\n })\n )\n \n const shorthands = configIn.shorthands || {}\n\n const config: TamaguiInternalConfig = {\n fontLanguages: [],\n animations: {} as any,\n media: {},\n ...configIn,\n // already processed by createTokens()\n tokens: configIn.tokens as any,\n // vite made this into a function if it wasn't set\n shorthands: { ...shorthands },\n inverseShorthands: shorthands\n ? Object.fromEntries(Object.entries(shorthands).map(([k, v]) => [v, k]))\n : {},\n themes: themeConfig.themes as any,\n fontsParsed,\n themeConfig,\n tokensParsed,\n parsed: true,\n getCSS: (separator = '\\n') => {\n return `\n._ovs-contain {overscroll-behavior:contain;}\n.t_unmounted .t_will-mount {opacity:0;visibility:hidden;}\n.is_Text .is_Text {display:inline-flex;}\n._dsp_contents {display:contents;}\n${themeConfig.cssRuleSets.join(separator)}\n${themeConfig.themeRuleSets.join(separator)}\n${getAllRules().join(separator)}`\n },\n // const tokens = [...getToken(tokens.size[0])]\n // .spacer-sm + ._dsp_contents._dsp-sm-hidden { margin-left: -var(--${}) }\n }\n\n configureMedia(config)\n setConfig(config)\n\n if (configListeners.size) {\n configListeners.forEach((cb) => cb(config))\n configListeners.clear()\n }\n\n createdConfigs.set(config, true)\n\n if (process.env.NODE_ENV === 'development') {\n if (process.env.DEBUG?.startsWith('tamagui')) {\n // eslint-disable-next-line no-console\n console.log('Tamagui config:', config)\n }\n if (!globalThis['Tamagui']) {\n globalThis['Tamagui'] = Tamagui\n }\n }\n\n return config as any\n}\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": ["declarationsToRuleSet", "declarations", "key", "
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["createTamagui_exports", "__export", "createTamagui", "__toCommonJS", "import_constants", "import_config", "import_createVariables", "import_getThemeCSSRules", "import_insertStyleRule", "import_registerCSSVariable", "import_themes", "import_useMedia", "import_insertFont", "import_Tamagui", "createdConfigs", "configIn", "_a", "fontTokens", "k", "v", "fontsParsed", "res", "familyName", "themeConfig", "themes", "cssRuleSets", "declarationsToRuleSet", "decs", "selector", "sep", "declarations", "fontDeclarations", "key", "skey", "val", "fontParsed", "name", "language", "fontVars", "fontSelector", "langSelector", "selectors", "specificRuleSet", "dedupedThemes", "existing", "themeName", "rawTheme", "e", "theme", "themeRuleSets", "tokensParsed", "shorthands", "config", "separator", "cb"]
|
|
7
7
|
}
|
package/dist/cjs/createTheme.js
CHANGED
|
@@ -1,31 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var createTheme_exports = {};
|
|
20
|
-
__export(createTheme_exports, {
|
|
21
|
-
createTheme: () => createTheme
|
|
22
|
-
});
|
|
23
|
-
module.exports = __toCommonJS(createTheme_exports);
|
|
24
|
-
const createTheme = (theme) => {
|
|
25
|
-
return theme;
|
|
26
|
-
};
|
|
27
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
28
|
-
0 && (module.exports = {
|
|
29
|
-
createTheme
|
|
30
|
-
});
|
|
1
|
+
"use strict";var a=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var T=Object.prototype.hasOwnProperty;var s=(e,r)=>{for(var i in r)a(e,i,{get:r[i],enumerable:!0})},c=(e,r,i,m)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of h(r))!T.call(e,t)&&t!==i&&a(e,t,{get:()=>r[t],enumerable:!(m=n(r,t))||m.enumerable});return e};var o=e=>c(a({},"__esModule",{value:!0}),e);var l={};s(l,{createTheme:()=>b});module.exports=o(l);const b=e=>e;0&&(module.exports={createTheme});
|
|
31
2
|
//# sourceMappingURL=createTheme.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/createTheme.ts"],
|
|
4
4
|
"sourcesContent": ["import type { Variable } from './createVariable.js'\n\ntype GenericTheme = { [key: string]: string | Variable }\n\n// export const themeToVariableToValueMap = new WeakMap<any, Record<string, string>>()\n\nexport const createTheme = <Theme extends GenericTheme>(\n theme: Theme\n): {\n [K in keyof Theme]: Theme[K] | string | Variable\n} => {\n return theme\n}\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,IAAA,eAAAC,EAAAH,GAMO,MAAME,EACXE,GAIOA",
|
|
6
|
+
"names": ["createTheme_exports", "__export", "createTheme", "__toCommonJS", "theme"]
|
|
7
7
|
}
|
package/dist/cjs/createTokens.js
CHANGED
|
@@ -1,39 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var createTokens_exports = {};
|
|
20
|
-
__export(createTokens_exports, {
|
|
21
|
-
createTokens: () => createTokens
|
|
22
|
-
});
|
|
23
|
-
module.exports = __toCommonJS(createTokens_exports);
|
|
24
|
-
var import_createVariables = require("./createVariables.js");
|
|
25
|
-
function createTokens(tokens2) {
|
|
26
|
-
return (0, import_createVariables.createVariables)(tokens2);
|
|
27
|
-
}
|
|
28
|
-
const tokens = createTokens({
|
|
29
|
-
size: { 0: 1 },
|
|
30
|
-
space: { 0: 1 },
|
|
31
|
-
radius: { 0: 1 },
|
|
32
|
-
zIndex: { 0: 1 },
|
|
33
|
-
color: { 0: "hi" }
|
|
34
|
-
});
|
|
35
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
36
|
-
0 && (module.exports = {
|
|
37
|
-
createTokens
|
|
38
|
-
});
|
|
1
|
+
"use strict";var o=Object.defineProperty;var t=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var d=(e,n)=>{for(var i in n)o(e,i,{get:n[i],enumerable:!0})},b=(e,n,i,a)=>{if(n&&typeof n=="object"||typeof n=="function")for(let r of k(n))!y.call(e,r)&&r!==i&&o(e,r,{get:()=>n[r],enumerable:!(a=t(n,r))||a.enumerable});return e};var x=e=>b(o({},"__esModule",{value:!0}),e);var c={};d(c,{createTokens:()=>f});module.exports=x(c);var s=require("./createVariables.js");function f(e){return(0,s.createVariables)(e)}const u=f({size:{0:1},space:{0:1},radius:{0:1},zIndex:{0:1},color:{0:"hi"}});0&&(module.exports={createTokens});
|
|
39
2
|
//# sourceMappingURL=createTokens.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/createTokens.ts"],
|
|
4
4
|
"sourcesContent": ["import { Variable } from './createVariable.js'\nimport { createVariables } from './createVariables.js'\nimport { CreateTokens } from './types.js'\n\n// tokens.color.dark.red ===> { var: `color-dark-red`, val: '' }\nexport function createTokens<T extends CreateTokens>(tokens: T): MakeTokens<T> {\n return createVariables(tokens) as any\n}\n\n// verbose but gives us nice types...\ntype MakeTokens<T> = T extends {\n color: infer E\n space: infer F\n size: infer G\n radius: infer H\n zIndex: infer J\n}\n ? {\n color: {\n // removes $ prefix allowing for defining either as $1: or 1:,\n // which is important because Chrome re-orders numerical-seeming keys :/\n [Key in keyof E extends `$${infer X}` ? X : keyof E]: Variable<string>\n }\n space: {\n [Key in keyof F extends `$${infer X}` ? X : keyof F]: Variable<number>\n }\n size: {\n [Key in keyof G extends `$${infer X}` ? X : keyof G]: Variable<number>\n }\n radius: {\n [Key in keyof H extends `$${infer X}` ? X : keyof H]: Variable<number>\n }\n zIndex: {\n [Key in keyof J extends `$${infer X}` ? X : keyof J]: Variable<number>\n }\n }\n : never\n\n// test\n// TODO move to tests\nconst tokens = createTokens({\n size: { 0: 1 },\n space: { 0: 1 },\n radius: { 0: 1 },\n zIndex: { 0: 1 },\n color: { 0: 'hi' },\n})\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": ["tokens"]
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kBAAAE,IAAA,eAAAC,EAAAH,GACA,IAAAI,EAAgC,gCAIzB,SAASF,EAAqCG,EAA0B,CAC7E,SAAO,mBAAgBA,CAAM,CAC/B,CAiCA,MAAMA,EAASH,EAAa,CAC1B,KAAM,CAAE,EAAG,CAAE,EACb,MAAO,CAAE,EAAG,CAAE,EACd,OAAQ,CAAE,EAAG,CAAE,EACf,OAAQ,CAAE,EAAG,CAAE,EACf,MAAO,CAAE,EAAG,IAAK,CACnB,CAAC",
|
|
6
|
+
"names": ["createTokens_exports", "__export", "createTokens", "__toCommonJS", "import_createVariables", "tokens"]
|
|
7
7
|
}
|
|
@@ -1,111 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var createVariable_exports = {};
|
|
20
|
-
__export(createVariable_exports, {
|
|
21
|
-
createCSSVariable: () => createCSSVariable,
|
|
22
|
-
createVariable: () => createVariable,
|
|
23
|
-
didGetVariableValue: () => didGetVariableValue,
|
|
24
|
-
getVariable: () => getVariable,
|
|
25
|
-
getVariableName: () => getVariableName,
|
|
26
|
-
getVariableValue: () => getVariableValue,
|
|
27
|
-
getVariableVariable: () => getVariableVariable,
|
|
28
|
-
isVariable: () => isVariable,
|
|
29
|
-
setDidGetVariableValue: () => setDidGetVariableValue,
|
|
30
|
-
variableToString: () => variableToString
|
|
31
|
-
});
|
|
32
|
-
module.exports = __toCommonJS(createVariable_exports);
|
|
33
|
-
var import_constants = require("@tamagui/constants");
|
|
34
|
-
var import_helpers = require("@tamagui/helpers");
|
|
35
|
-
var import_config = require("./config.js");
|
|
36
|
-
const IS_VAR = "isVar";
|
|
37
|
-
const createVariable = (props) => {
|
|
38
|
-
if (isVariable(props))
|
|
39
|
-
return props;
|
|
40
|
-
const { key, name, val } = props;
|
|
41
|
-
return {
|
|
42
|
-
[IS_VAR]: true,
|
|
43
|
-
key,
|
|
44
|
-
name: (0, import_helpers.simpleHash)(name, 40),
|
|
45
|
-
val,
|
|
46
|
-
variable: import_constants.isWeb ? createCSSVariable(name) : ""
|
|
47
|
-
};
|
|
48
|
-
};
|
|
49
|
-
function variableToString(vrble, getValue = false) {
|
|
50
|
-
if (isVariable(vrble)) {
|
|
51
|
-
if (!getValue && import_constants.isWeb && vrble.variable) {
|
|
52
|
-
return vrble.variable;
|
|
53
|
-
}
|
|
54
|
-
return `${vrble.val}`;
|
|
55
|
-
}
|
|
56
|
-
return `${vrble || ""}`;
|
|
57
|
-
}
|
|
58
|
-
function isVariable(v) {
|
|
59
|
-
return v && typeof v === "object" && IS_VAR in v;
|
|
60
|
-
}
|
|
61
|
-
function getVariable(nameOrVariable) {
|
|
62
|
-
setDidGetVariableValue(true);
|
|
63
|
-
if (isVariable(nameOrVariable)) {
|
|
64
|
-
return variableToString(nameOrVariable);
|
|
65
|
-
}
|
|
66
|
-
const tokens = (0, import_config.getConfig)().tokensParsed;
|
|
67
|
-
return variableToString(tokens[nameOrVariable] ?? nameOrVariable);
|
|
68
|
-
}
|
|
69
|
-
let accessed = false;
|
|
70
|
-
const setDidGetVariableValue = (val) => accessed = val;
|
|
71
|
-
const didGetVariableValue = () => accessed;
|
|
72
|
-
function getVariableValue(v) {
|
|
73
|
-
if (isVariable(v)) {
|
|
74
|
-
setDidGetVariableValue(true);
|
|
75
|
-
return v.val;
|
|
76
|
-
}
|
|
77
|
-
return v;
|
|
78
|
-
}
|
|
79
|
-
function getVariableName(v) {
|
|
80
|
-
if (isVariable(v))
|
|
81
|
-
return v.name;
|
|
82
|
-
return v;
|
|
83
|
-
}
|
|
84
|
-
function getVariableVariable(v) {
|
|
85
|
-
if (isVariable(v))
|
|
86
|
-
return v.variable;
|
|
87
|
-
return v;
|
|
88
|
-
}
|
|
89
|
-
const createCSSVariable = (nameProp, includeVar = true) => {
|
|
90
|
-
if (process.env.NODE_ENV === "development") {
|
|
91
|
-
if (!nameProp || typeof nameProp !== "string") {
|
|
92
|
-
throw new Error(`createCSSVariable expected string: ${nameProp}`);
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
const name = (0, import_helpers.simpleHash)(nameProp, 60);
|
|
96
|
-
return includeVar ? `var(--${name})` : name;
|
|
97
|
-
};
|
|
98
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
99
|
-
0 && (module.exports = {
|
|
100
|
-
createCSSVariable,
|
|
101
|
-
createVariable,
|
|
102
|
-
didGetVariableValue,
|
|
103
|
-
getVariable,
|
|
104
|
-
getVariableName,
|
|
105
|
-
getVariableValue,
|
|
106
|
-
getVariableVariable,
|
|
107
|
-
isVariable,
|
|
108
|
-
setDidGetVariableValue,
|
|
109
|
-
variableToString
|
|
110
|
-
});
|
|
1
|
+
"use strict";var o=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var A=(e,r)=>{for(var a in r)o(e,a,{get:r[a],enumerable:!0})},m=(e,r,a,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of p(r))!x.call(e,n)&&n!==a&&o(e,n,{get:()=>r[n],enumerable:!(i=g(r,n))||i.enumerable});return e};var d=e=>m(o({},"__esModule",{value:!0}),e);var E={};A(E,{createCSSVariable:()=>y,createVariable:()=>k,didGetVariableValue:()=>v,getVariable:()=>S,getVariableName:()=>$,getVariableValue:()=>I,getVariableVariable:()=>C,isVariable:()=>t,setDidGetVariableValue:()=>b,variableToString:()=>u});module.exports=d(E);var l=require("@tamagui/constants"),s=require("@tamagui/helpers"),f=require("./config.js");const V="isVar",k=e=>{if(t(e))return e;const{key:r,name:a,val:i}=e;return{[V]:!0,key:r,name:(0,s.simpleHash)(a,40),val:i,variable:l.isWeb?y(a):""}};function u(e,r=!1){return t(e)?!r&&l.isWeb&&e.variable?e.variable:`${e.val}`:`${e||""}`}function t(e){return e&&typeof e=="object"&&V in e}function S(e){if(b(!0),t(e))return u(e);const r=(0,f.getConfig)().tokensParsed;return u(r[e]??e)}let c=!1;const b=e=>c=e,v=()=>c;function I(e){return t(e)?(b(!0),e.val):e}function $(e){return t(e)?e.name:e}function C(e){return t(e)?e.variable:e}const y=(e,r=!0)=>{if(process.env.NODE_ENV==="development"&&(!e||typeof e!="string"))throw new Error(`createCSSVariable expected string: ${e}`);const a=(0,s.simpleHash)(e,60);return r?`var(--${a})`:a};0&&(module.exports={createCSSVariable,createVariable,didGetVariableValue,getVariable,getVariableName,getVariableValue,getVariableVariable,isVariable,setDidGetVariableValue,variableToString});
|
|
111
2
|
//# sourceMappingURL=createVariable.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/createVariable.ts"],
|
|
4
4
|
"sourcesContent": ["import { isWeb } from '@tamagui/constants'\nimport { simpleHash } from '@tamagui/helpers'\n\nimport { getConfig } from './config.js'\n\n/**\n * Should rename this to Token\n * Moving to objects for React Server Components support\n */\n\nconst IS_VAR = 'isVar'\n\nexport interface Variable<A = any> {\n [IS_VAR]?: true\n variable?: string\n val: A\n name: string\n key: string\n}\n\nexport type MakeVariable<A = any> = A extends string | number ? Variable<A> : A\n\ntype VariableIn<A = any> = Pick<Variable<A>, 'key' | 'name' | 'val'>\nexport const createVariable = <A extends string | number | Variable = any>(\n props: VariableIn<A>\n): Variable<A> => {\n if (isVariable(props)) return props\n const { key, name, val } = props\n return {\n [IS_VAR]: true,\n key: key!,\n name: simpleHash(name, 40),\n val: val as any,\n variable: isWeb ? createCSSVariable(name) : '',\n }\n}\n\n// could do weakmap cache\nexport function variableToString(vrble?: any, getValue = false) {\n if (isVariable(vrble)) {\n if (!getValue && isWeb && vrble.variable) {\n return vrble.variable\n }\n return `${vrble.val}`\n }\n return `${vrble || ''}`\n}\n\nexport function isVariable(v: Variable | any): v is Variable {\n return v && typeof v === 'object' && IS_VAR in v\n}\n\nexport function getVariable(nameOrVariable: Variable | string) {\n setDidGetVariableValue(true)\n if (isVariable(nameOrVariable)) {\n return variableToString(nameOrVariable)\n }\n const tokens = getConfig().tokensParsed\n return variableToString(tokens[nameOrVariable] ?? nameOrVariable)\n}\n\nlet accessed = false\nexport const setDidGetVariableValue = (val: boolean) => (accessed = val)\nexport const didGetVariableValue = () => accessed\n\nexport function getVariableValue(v: Variable | any) {\n if (isVariable(v)) {\n setDidGetVariableValue(true)\n return v.val\n }\n return v\n}\n\nexport function getVariableName(v: Variable | any) {\n if (isVariable(v)) return v.name\n return v\n}\n\nexport function getVariableVariable(v: Variable | any) {\n if (isVariable(v)) return v.variable\n return v\n}\n\n// bugfix { space: { 0.5: 10 } } was generating var(--space-0.5) (invalid CSS):\nexport const createCSSVariable = (nameProp: string, includeVar = true) => {\n if (process.env.NODE_ENV === 'development') {\n if (!nameProp || typeof nameProp !== 'string') {\n throw new Error(`createCSSVariable expected string: ${nameProp}`)\n }\n }\n const name = simpleHash(nameProp, 60)\n return includeVar ? `var(--${name})` : name\n}\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,uBAAAE,EAAA,mBAAAC,EAAA,wBAAAC,EAAA,gBAAAC,EAAA,oBAAAC,EAAA,qBAAAC,EAAA,wBAAAC,EAAA,eAAAC,EAAA,2BAAAC,EAAA,qBAAAC,IAAA,eAAAC,EAAAZ,GAAA,IAAAa,EAAsB,8BACtBC,EAA2B,4BAE3BC,EAA0B,uBAO1B,MAAMC,EAAS,QAaFb,EACXc,GACgB,CAChB,GAAIR,EAAWQ,CAAK,EAAG,OAAOA,EAC9B,KAAM,CAAE,IAAAC,EAAK,KAAAC,EAAM,IAAAC,CAAI,EAAIH,EAC3B,MAAO,CACL,CAACD,CAAM,EAAG,GACV,IAAKE,EACL,QAAM,cAAWC,EAAM,EAAE,EACzB,IAAKC,EACL,SAAU,QAAQlB,EAAkBiB,CAAI,EAAI,EAC9C,CACF,EAGO,SAASR,EAAiBU,EAAaC,EAAW,GAAO,CAC9D,OAAIb,EAAWY,CAAK,EACd,CAACC,GAAY,SAASD,EAAM,SACvBA,EAAM,SAER,GAAGA,EAAM,MAEX,GAAGA,GAAS,IACrB,CAEO,SAASZ,EAAWc,EAAkC,CAC3D,OAAOA,GAAK,OAAOA,GAAM,UAAYP,KAAUO,CACjD,CAEO,SAASlB,EAAYmB,EAAmC,CAE7D,GADAd,EAAuB,EAAI,EACvBD,EAAWe,CAAc,EAC3B,OAAOb,EAAiBa,CAAc,EAExC,MAAMC,KAAS,aAAU,EAAE,aAC3B,OAAOd,EAAiBc,EAAOD,CAAc,GAAKA,CAAc,CAClE,CAEA,IAAIE,EAAW,GACR,MAAMhB,EAA0BU,GAAkBM,EAAWN,EACvDhB,EAAsB,IAAMsB,EAElC,SAASnB,EAAiBgB,EAAmB,CAClD,OAAId,EAAWc,CAAC,GACdb,EAAuB,EAAI,EACpBa,EAAE,KAEJA,CACT,CAEO,SAASjB,EAAgBiB,EAAmB,CACjD,OAAId,EAAWc,CAAC,EAAUA,EAAE,KACrBA,CACT,CAEO,SAASf,EAAoBe,EAAmB,CACrD,OAAId,EAAWc,CAAC,EAAUA,EAAE,SACrBA,CACT,CAGO,MAAMrB,EAAoB,CAACyB,EAAkBC,EAAa,KAAS,CACxE,GAAI,QAAQ,IAAI,WAAa,gBACvB,CAACD,GAAY,OAAOA,GAAa,UACnC,MAAM,IAAI,MAAM,sCAAsCA,GAAU,EAGpE,MAAMR,KAAO,cAAWQ,EAAU,EAAE,EACpC,OAAOC,EAAa,SAAST,KAAUA,CACzC",
|
|
6
|
+
"names": ["createVariable_exports", "__export", "createCSSVariable", "createVariable", "didGetVariableValue", "getVariable", "getVariableName", "getVariableValue", "getVariableVariable", "isVariable", "setDidGetVariableValue", "variableToString", "__toCommonJS", "import_constants", "import_helpers", "import_config", "IS_VAR", "props", "key", "name", "val", "vrble", "getValue", "v", "nameOrVariable", "tokens", "accessed", "nameProp", "includeVar"]
|
|
7
7
|
}
|
|
@@ -1,60 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var createVariables_exports = {};
|
|
20
|
-
__export(createVariables_exports, {
|
|
21
|
-
createVariables: () => createVariables,
|
|
22
|
-
tokensKeysOrdered: () => tokensKeysOrdered
|
|
23
|
-
});
|
|
24
|
-
module.exports = __toCommonJS(createVariables_exports);
|
|
25
|
-
var import_helpers = require("@tamagui/helpers");
|
|
26
|
-
var import_createVariable = require("./createVariable.js");
|
|
27
|
-
const tokensKeysOrdered = /* @__PURE__ */ new WeakMap();
|
|
28
|
-
const createVariables = (tokens, parentPath = "", isFont = false) => {
|
|
29
|
-
const res = {};
|
|
30
|
-
let i = 0;
|
|
31
|
-
for (let key in tokens) {
|
|
32
|
-
i++;
|
|
33
|
-
const val = tokens[key];
|
|
34
|
-
if (key[0] === "$") {
|
|
35
|
-
key = key.slice(1);
|
|
36
|
-
}
|
|
37
|
-
if ((0, import_createVariable.isVariable)(val)) {
|
|
38
|
-
res[key] = val;
|
|
39
|
-
continue;
|
|
40
|
-
}
|
|
41
|
-
const niceKey = (0, import_helpers.simpleHash)(key);
|
|
42
|
-
let name = isFont ? niceKey.slice(0, 2) : i;
|
|
43
|
-
name = parentPath ? `${parentPath}-${name}` : niceKey;
|
|
44
|
-
if (val && typeof val === "object") {
|
|
45
|
-
res[key] = createVariables(tokens[key], name);
|
|
46
|
-
continue;
|
|
47
|
-
}
|
|
48
|
-
res[key] = (0, import_createVariable.isVariable)(val) ? val : (0, import_createVariable.createVariable)({ val, name, key: niceKey });
|
|
49
|
-
}
|
|
50
|
-
if (parentPath === "size" || parentPath === "space") {
|
|
51
|
-
tokensKeysOrdered.set(res, Object.keys(tokens));
|
|
52
|
-
}
|
|
53
|
-
return res;
|
|
54
|
-
};
|
|
55
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
56
|
-
0 && (module.exports = {
|
|
57
|
-
createVariables,
|
|
58
|
-
tokensKeysOrdered
|
|
59
|
-
});
|
|
1
|
+
"use strict";var l=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var O=Object.prototype.hasOwnProperty;var k=(t,e)=>{for(var s in e)l(t,s,{get:e[s],enumerable:!0})},A=(t,e,s,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of j(e))!O.call(t,a)&&a!==s&&l(t,a,{get:()=>e[a],enumerable:!(i=f(e,a))||i.enumerable});return t};var m=t=>A(l({},"__esModule",{value:!0}),t);var x={};k(x,{createVariables:()=>V,tokensKeysOrdered:()=>p});module.exports=m(x);var y=require("@tamagui/helpers"),c=require("./createVariable.js");const p=new WeakMap,V=(t,e="",s=!1)=>{const i={};let a=0;for(let n in t){a++;const r=t[n];if(n[0]==="$"&&(n=n.slice(1)),(0,c.isVariable)(r)){i[n]=r;continue}const b=(0,y.simpleHash)(n);let o=s?b.slice(0,2):a;if(o=e?`${e}-${o}`:b,r&&typeof r=="object"){i[n]=V(t[n],o);continue}i[n]=(0,c.isVariable)(r)?r:(0,c.createVariable)({val:r,name:o,key:b})}return(e==="size"||e==="space")&&p.set(i,Object.keys(t)),i};0&&(module.exports={createVariables,tokensKeysOrdered});
|
|
60
2
|
//# sourceMappingURL=createVariables.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/createVariables.ts"],
|
|
4
4
|
"sourcesContent": ["import { simpleHash } from '@tamagui/helpers'\n\nimport { Variable, createVariable, isVariable } from './createVariable.js'\n\ntype DeepTokenObject<Val extends string | number = any> = {\n [key: string]: Val | DeepTokenObject<Val>\n}\n\nexport type DeepVariableObject<A extends DeepTokenObject> = {\n [Key in keyof A]: A[Key] extends string | number\n ? Variable<A[Key]>\n : A[Key] extends DeepTokenObject\n ? DeepVariableObject<A[Key]>\n : never\n}\n\nexport const tokensKeysOrdered = new WeakMap()\n\nexport const createVariables = <A extends DeepTokenObject>(\n tokens: A,\n parentPath = '',\n isFont = false\n): DeepVariableObject<A> => {\n const res: any = {}\n let i = 0\n for (let key in tokens) {\n i++\n const val = tokens[key]\n // always remove $ prefix\n if (key[0] === '$') {\n // @ts-ignore\n key = key.slice(1)\n }\n if (isVariable(val)) {\n res[key] = val\n continue\n }\n const niceKey = simpleHash(key)\n let name = isFont ? niceKey.slice(0, 2) : i\n name = parentPath ? `${parentPath}-${name}` : niceKey\n if (val && typeof val === 'object') {\n // recurse\n res[key] = createVariables(tokens[key] as any, name)\n continue\n }\n res[key] = isVariable(val) ? val : createVariable({ val, name, key: niceKey })\n }\n\n // ordering for relative sizing for now just size/space\n if (parentPath === 'size' || parentPath === 'space') {\n tokensKeysOrdered.set(res, Object.keys(tokens))\n }\n\n return res\n}\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,EAAA,sBAAAC,IAAA,eAAAC,EAAAJ,GAAA,IAAAK,EAA2B,4BAE3BC,EAAqD,+BAc9C,MAAMH,EAAoB,IAAI,QAExBD,EAAkB,CAC7BK,EACAC,EAAa,GACbC,EAAS,KACiB,CAC1B,MAAMC,EAAW,CAAC,EAClB,IAAIC,EAAI,EACR,QAASC,KAAOL,EAAQ,CACtBI,IACA,MAAME,EAAMN,EAAOK,CAAG,EAMtB,GAJIA,EAAI,CAAC,IAAM,MAEbA,EAAMA,EAAI,MAAM,CAAC,MAEf,cAAWC,CAAG,EAAG,CACnBH,EAAIE,CAAG,EAAIC,EACX,QACF,CACA,MAAMC,KAAU,cAAWF,CAAG,EAC9B,IAAIG,EAAON,EAASK,EAAQ,MAAM,EAAG,CAAC,EAAIH,EAE1C,GADAI,EAAOP,EAAa,GAAGA,KAAcO,IAASD,EAC1CD,GAAO,OAAOA,GAAQ,SAAU,CAElCH,EAAIE,CAAG,EAAIV,EAAgBK,EAAOK,CAAG,EAAUG,CAAI,EACnD,QACF,CACAL,EAAIE,CAAG,KAAI,cAAWC,CAAG,EAAIA,KAAM,kBAAe,CAAE,IAAAA,EAAK,KAAAE,EAAM,IAAKD,CAAQ,CAAC,CAC/E,CAGA,OAAIN,IAAe,QAAUA,IAAe,UAC1CL,EAAkB,IAAIO,EAAK,OAAO,KAAKH,CAAM,CAAC,EAGzCG,CACT",
|
|
6
|
+
"names": ["createVariables_exports", "__export", "createVariables", "tokensKeysOrdered", "__toCommonJS", "import_helpers", "import_createVariable", "tokens", "parentPath", "isFont", "res", "i", "key", "val", "niceKey", "name"]
|
|
7
7
|
}
|
|
@@ -1,237 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var ThemeManager_exports = {};
|
|
20
|
-
__export(ThemeManager_exports, {
|
|
21
|
-
ThemeManager: () => ThemeManager,
|
|
22
|
-
hasNoThemeUpdatingProps: () => hasNoThemeUpdatingProps
|
|
23
|
-
});
|
|
24
|
-
module.exports = __toCommonJS(ThemeManager_exports);
|
|
25
|
-
var import_config = require("../config.js");
|
|
26
|
-
var import_constants = require("../constants/constants.js");
|
|
27
|
-
var import_getThemeUnwrapped = require("../hooks/getThemeUnwrapped.js");
|
|
28
|
-
const emptyState = { name: "" };
|
|
29
|
-
function hasNoThemeUpdatingProps(props) {
|
|
30
|
-
return !(props.name || props.componentName || props.inverse || props.reset);
|
|
31
|
-
}
|
|
32
|
-
class ThemeManager {
|
|
33
|
-
constructor(props = {}, parentManager) {
|
|
34
|
-
this.props = props;
|
|
35
|
-
this.themeListeners = /* @__PURE__ */ new Set();
|
|
36
|
-
this.parentManager = null;
|
|
37
|
-
this.state = emptyState;
|
|
38
|
-
this._allKeys = null;
|
|
39
|
-
if (parentManager === "root") {
|
|
40
|
-
this.updateState(props, false);
|
|
41
|
-
return;
|
|
42
|
-
}
|
|
43
|
-
if (!parentManager) {
|
|
44
|
-
if (process.env.NODE_ENV !== "production") {
|
|
45
|
-
console.trace();
|
|
46
|
-
throw new Error(`No parent manager given`);
|
|
47
|
-
}
|
|
48
|
-
throw `\u274C`;
|
|
49
|
-
}
|
|
50
|
-
this.themeListeners = parentManager.themeListeners;
|
|
51
|
-
if (hasNoThemeUpdatingProps(props)) {
|
|
52
|
-
return parentManager;
|
|
53
|
-
}
|
|
54
|
-
if (parentManager) {
|
|
55
|
-
this.parentManager = parentManager;
|
|
56
|
-
}
|
|
57
|
-
const updatedState = this.getStateIfChanged(props);
|
|
58
|
-
if (updatedState) {
|
|
59
|
-
this.state = updatedState;
|
|
60
|
-
return;
|
|
61
|
-
}
|
|
62
|
-
return parentManager || this;
|
|
63
|
-
}
|
|
64
|
-
updateState(props = this.props || {}, notify = true) {
|
|
65
|
-
const shouldFlush = (() => {
|
|
66
|
-
if (props.forceTheme) {
|
|
67
|
-
this.state.theme = props.forceTheme;
|
|
68
|
-
this.state.name = props.name || "";
|
|
69
|
-
return true;
|
|
70
|
-
}
|
|
71
|
-
const nextState = this.getStateIfChanged(props);
|
|
72
|
-
if (nextState) {
|
|
73
|
-
this.state = nextState;
|
|
74
|
-
return true;
|
|
75
|
-
}
|
|
76
|
-
})();
|
|
77
|
-
if (shouldFlush) {
|
|
78
|
-
this._allKeys = null;
|
|
79
|
-
notify && this.notify();
|
|
80
|
-
return this.state;
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
getStateIfChanged(props = this.props, state = this.state, parentManager = this.parentManager) {
|
|
84
|
-
const _ = this.getState(props, parentManager);
|
|
85
|
-
if (state && state !== emptyState && !_) {
|
|
86
|
-
return parentManager == null ? void 0 : parentManager.state;
|
|
87
|
-
}
|
|
88
|
-
if (this.getStateShouldChange(_, state)) {
|
|
89
|
-
return _;
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
getStateShouldChange(nextState, state = this.state) {
|
|
93
|
-
if (!(nextState == null ? void 0 : nextState.theme) || nextState.theme === (state == null ? void 0 : state.theme)) {
|
|
94
|
-
return false;
|
|
95
|
-
}
|
|
96
|
-
return true;
|
|
97
|
-
}
|
|
98
|
-
getState(props = this.props, parentManager = this.parentManager) {
|
|
99
|
-
return getState(props, parentManager) || (process.env.TAMAGUI_TARGET === "native" ? (parentManager == null ? void 0 : parentManager.state) || null : null);
|
|
100
|
-
}
|
|
101
|
-
get allKeys() {
|
|
102
|
-
var _a;
|
|
103
|
-
this._allKeys || (this._allKeys = /* @__PURE__ */ new Set([
|
|
104
|
-
...((_a = this.parentManager) == null ? void 0 : _a.allKeys) || [],
|
|
105
|
-
...Object.keys(this.state.theme || {})
|
|
106
|
-
]));
|
|
107
|
-
return this._allKeys;
|
|
108
|
-
}
|
|
109
|
-
// gets value going up to parents
|
|
110
|
-
getValue(key, state) {
|
|
111
|
-
if (!key)
|
|
112
|
-
return;
|
|
113
|
-
let theme = (state || this.state).theme;
|
|
114
|
-
let manager = this;
|
|
115
|
-
while (theme && manager) {
|
|
116
|
-
if (key in theme) {
|
|
117
|
-
return theme[key];
|
|
118
|
-
}
|
|
119
|
-
manager = manager.parentManager;
|
|
120
|
-
theme = manager == null ? void 0 : manager.state.theme;
|
|
121
|
-
}
|
|
122
|
-
const tokens = (0, import_config.getTokens)();
|
|
123
|
-
if (key in tokens.color) {
|
|
124
|
-
return tokens.color[key];
|
|
125
|
-
}
|
|
126
|
-
}
|
|
127
|
-
notify() {
|
|
128
|
-
this.themeListeners.forEach((cb) => cb(this.state.name, this));
|
|
129
|
-
}
|
|
130
|
-
onChangeTheme(cb) {
|
|
131
|
-
this.themeListeners.add(cb);
|
|
132
|
-
return () => {
|
|
133
|
-
this.themeListeners.delete(cb);
|
|
134
|
-
};
|
|
135
|
-
}
|
|
136
|
-
}
|
|
137
|
-
function getNextThemeClassName(name, isInverting = false) {
|
|
138
|
-
const next = `t_sub_theme ${import_constants.THEME_CLASSNAME_PREFIX}${name}`;
|
|
139
|
-
if (isInverting) {
|
|
140
|
-
return next + // ensure you invert to base dark as well as specific dark
|
|
141
|
-
// ... logic should likely be elsewhere
|
|
142
|
-
(next.includes("dark_") ? ` t_dark` : next.includes("light_") ? ` t_light` : "");
|
|
143
|
-
}
|
|
144
|
-
return next.replace("light_", "").replace("dark_", "");
|
|
145
|
-
}
|
|
146
|
-
const cache = /* @__PURE__ */ new WeakMap();
|
|
147
|
-
function getState(props, parentManager) {
|
|
148
|
-
var _a, _b, _c;
|
|
149
|
-
const cached = cache.get(props);
|
|
150
|
-
if (cached && cached[0] === parentManager) {
|
|
151
|
-
return cached[1];
|
|
152
|
-
}
|
|
153
|
-
const themes = (0, import_config.getThemes)();
|
|
154
|
-
if (props.name && props.reset) {
|
|
155
|
-
throw new Error("Cannot reset + set new name");
|
|
156
|
-
}
|
|
157
|
-
if (props.reset && !(parentManager == null ? void 0 : parentManager.parentManager)) {
|
|
158
|
-
console.warn("Cannot reset no grandparent exists");
|
|
159
|
-
return null;
|
|
160
|
-
}
|
|
161
|
-
let result = null;
|
|
162
|
-
const nextName = props.reset ? ((_b = (_a = parentManager == null ? void 0 : parentManager.parentManager) == null ? void 0 : _a.state) == null ? void 0 : _b.name) || "" : props.name || "";
|
|
163
|
-
const { componentName } = props;
|
|
164
|
-
const parentName = ((_c = parentManager == null ? void 0 : parentManager.state) == null ? void 0 : _c.name) || "";
|
|
165
|
-
const base = parentName.split(import_constants.THEME_NAME_SEPARATOR);
|
|
166
|
-
const lastSegment = base[base.length - 1];
|
|
167
|
-
const isParentAComponentTheme = parentName && lastSegment[0].toUpperCase() === lastSegment[0];
|
|
168
|
-
if (isParentAComponentTheme) {
|
|
169
|
-
base.pop();
|
|
170
|
-
}
|
|
171
|
-
const parentBaseTheme = isParentAComponentTheme ? base.slice(0, base.length).join(import_constants.THEME_NAME_SEPARATOR) : parentName;
|
|
172
|
-
const max = base.length;
|
|
173
|
-
const min = componentName && !nextName ? max : 0;
|
|
174
|
-
if (process.env.NODE_ENV === "development" && props.debug === "verbose")
|
|
175
|
-
[console.groupCollapsed("ThemeManager.getState()", props, { parentName, parentBaseTheme, base, min, max, isParentAComponentTheme }), console.trace(), console.groupEnd()];
|
|
176
|
-
for (let i = max; i >= min; i--) {
|
|
177
|
-
let prefix = base.slice(0, i).join(import_constants.THEME_NAME_SEPARATOR);
|
|
178
|
-
if (props.inverse) {
|
|
179
|
-
prefix = inverseThemeName(prefix);
|
|
180
|
-
}
|
|
181
|
-
const potentials = [];
|
|
182
|
-
if (prefix && prefix !== parentBaseTheme) {
|
|
183
|
-
potentials.push(prefix);
|
|
184
|
-
}
|
|
185
|
-
if (nextName) {
|
|
186
|
-
potentials.unshift(prefix ? `${prefix}_${nextName}` : nextName);
|
|
187
|
-
}
|
|
188
|
-
if (i === 1) {
|
|
189
|
-
const lastSegment2 = potentials.findIndex((x) => !x.includes("_"));
|
|
190
|
-
if (lastSegment2 > 0) {
|
|
191
|
-
potentials.splice(lastSegment2, 0, nextName);
|
|
192
|
-
}
|
|
193
|
-
}
|
|
194
|
-
if (componentName) {
|
|
195
|
-
if (nextName) {
|
|
196
|
-
potentials.push(
|
|
197
|
-
`${prefix.slice(
|
|
198
|
-
0,
|
|
199
|
-
prefix.indexOf(import_constants.THEME_NAME_SEPARATOR)
|
|
200
|
-
)}_${nextName}_${componentName}`
|
|
201
|
-
);
|
|
202
|
-
}
|
|
203
|
-
potentials.push(`${prefix}_${componentName}`);
|
|
204
|
-
if (nextName) {
|
|
205
|
-
potentials.unshift(`${prefix}_${nextName}_${componentName}`);
|
|
206
|
-
}
|
|
207
|
-
}
|
|
208
|
-
const found = potentials.find((t) => t in themes);
|
|
209
|
-
if (process.env.NODE_ENV === "development" && props.debug === "verbose")
|
|
210
|
-
console.log("getState found", found, "from", potentials, "parentName", parentName);
|
|
211
|
-
if (found) {
|
|
212
|
-
if (found === parentName) {
|
|
213
|
-
break;
|
|
214
|
-
}
|
|
215
|
-
result = {
|
|
216
|
-
name: found,
|
|
217
|
-
theme: (0, import_getThemeUnwrapped.getThemeUnwrapped)(themes[found]),
|
|
218
|
-
className: getNextThemeClassName(found, props.inverse),
|
|
219
|
-
parentName
|
|
220
|
-
};
|
|
221
|
-
break;
|
|
222
|
-
}
|
|
223
|
-
}
|
|
224
|
-
if (parentManager) {
|
|
225
|
-
cache.set(props, [parentManager, result]);
|
|
226
|
-
}
|
|
227
|
-
return result;
|
|
228
|
-
}
|
|
229
|
-
const inverseThemeName = (themeName) => {
|
|
230
|
-
return themeName.startsWith("light") ? themeName.replace(/^light/, "dark") : themeName.replace(/^dark/, "light");
|
|
231
|
-
};
|
|
232
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
233
|
-
0 && (module.exports = {
|
|
234
|
-
ThemeManager,
|
|
235
|
-
hasNoThemeUpdatingProps
|
|
236
|
-
});
|
|
1
|
+
"use strict";var S=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var x=(s,e)=>{for(var t in e)S(s,t,{get:e[t],enumerable:!0})},L=(s,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of A(e))!k.call(s,n)&&n!==t&&S(s,n,{get:()=>e[n],enumerable:!(i=b(e,n))||i.enumerable});return s};var O=s=>L(S({},"__esModule",{value:!0}),s);var U={};x(U,{ThemeManager:()=>K,hasNoThemeUpdatingProps:()=>$});module.exports=O(U);var g=require("../config.js"),m=require("../constants/constants.js"),P=require("../hooks/getThemeUnwrapped.js");const C={name:""};function $(s){return!(s.name||s.componentName||s.inverse||s.reset)}let I=0;class K{constructor(e={},t){this.props=e;this.id=I++;this.themeListeners=new Set;this.parentManager=null;this.state=C;this._allKeys=null;if(t==="root"){this.updateState(e,!1);return}if(!t)throw process.env.NODE_ENV!=="production"?new Error("No parent manager given, this is likely due to duplicated Tamagui dependencies. Check your lockfile for mis-matched versions."):"\u274C";if($(e))return t;t&&(this.parentManager=t);const i=this.getStateIfChanged(e);if(i){this.state=i;return}return t||this}updateState(e=this.props||{},t=!0){if((()=>{if(e.forceTheme)return this.state.theme=e.forceTheme,this.state.name=e.name||"",!0;const n=this.getStateIfChanged(e);if(n)return this.props=e,this.state=n,!0})())return this._allKeys=null,t&&this.notify(),this.state}getStateIfChanged(e=this.props,t=this.state,i=this.parentManager){const n=this.getState(e,i);if(t&&t!==C&&!n)return i==null?void 0:i.state;if(this.getStateShouldChange(n,t))return n}getStateShouldChange(e,t=this.state){return!(!(e!=null&&e.theme)||e.theme===(t==null?void 0:t.theme))}getState(e=this.props,t=this.parentManager){return D(e,t)||process.env.TAMAGUI_TARGET==="native"&&(t==null?void 0:t.state)||null}get allKeys(){var e;return this._allKeys||(this._allKeys=new Set([...((e=this.parentManager)==null?void 0:e.allKeys)||[],...Object.keys(this.state.theme||{})])),this._allKeys}getValue(e,t){if(!e)return;let i=(t||this.state).theme,n=this;for(;i&&n;){if(e in i)return i[e];n=n.parentManager,i=n==null?void 0:n.state.theme}const h=(0,g.getTokens)();if(e in h.color)return h.color[e]}notify(){this.themeListeners.forEach(e=>e(this.state.name,this))}onChangeTheme(e){return this.themeListeners.add(e),()=>{this.themeListeners.delete(e)}}}function V(s,e=!1){const t=`t_sub_theme ${m.THEME_CLASSNAME_PREFIX}${s}`;return e?t+(t.includes("dark_")?" t_dark":t.includes("light_")?" t_light":""):t.replace("light_","").replace("dark_","")}function D(s,e){var p,v,y;const t=(0,g.getThemes)();if(s.name&&s.reset)throw new Error("Cannot reset + set new name");if(s.reset&&!(e!=null&&e.parentManager))return process.env.NODE_ENV==="development"&&console.warn("Cannot reset no grandparent exists"),null;let i=null;const n=s.reset?((v=(p=e==null?void 0:e.parentManager)==null?void 0:p.state)==null?void 0:v.name)||"":s.name||"",{componentName:h}=s,u=((y=e==null?void 0:e.state)==null?void 0:y.name)||"",o=u.split(m.THEME_NAME_SEPARATOR),_=o[o.length-1],d=u&&_[0].toUpperCase()===_[0];d&&o.pop();const E=d?o.slice(0,o.length).join(m.THEME_NAME_SEPARATOR):u,T=o.length,N=h&&!n?T:0;process.env.NODE_ENV==="development"&&typeof s.debug=="string"&&(console.groupCollapsed("ThemeManager.getState()"),console.log({parentName:u,parentBaseTheme:E,base:o,min:N,max:T,isParentComponentTheme:d}));for(let f=T;f>=N;f--){let l=o.slice(0,f).join(m.THEME_NAME_SEPARATOR);s.inverse&&(l=R(l));const r=[];if(l&&l!==E&&r.push(l),n&&r.unshift(l?`${l}_${n}`:n),f===1){const a=r.findIndex(w=>!w.includes("_"));a>0&&r.splice(a,0,n)}if(h){if(n){const a=l.slice(0,l.indexOf(m.THEME_NAME_SEPARATOR));r.push(`${a}_${n}_${h}`)}r.push(`${l}_${h}`),n&&r.unshift(`${l}_${n}_${h}`)}const c=r.find(a=>a in t);if(process.env.NODE_ENV==="development"&&typeof s.debug=="string"&&console.log(" - ",{found:c,potentials:r}),c){i={name:c,theme:(0,P.getThemeUnwrapped)(t[c]),className:V(c,s.inverse),parentName:u};break}}return process.env.NODE_ENV==="development"&&typeof s.debug=="string"&&(console.log({result:i}),console.trace(),console.groupEnd()),i}const R=s=>s.startsWith("light")?s.replace(/^light/,"dark"):s.replace(/^dark/,"light");0&&(module.exports={ThemeManager,hasNoThemeUpdatingProps});
|
|
237
2
|
//# sourceMappingURL=ThemeManager.js.map
|