@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
|
@@ -1,101 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { getAllSelectors } from "./insertStyleRule.js";
|
|
3
|
-
import { names, normalizeColor } from "./normalizeColor.js";
|
|
4
|
-
import { normalizeStylePropKeys } from "./normalizeStylePropKeys";
|
|
5
|
-
const colorCache = {};
|
|
6
|
-
function normalizeValueWithProperty(value, property) {
|
|
7
|
-
if (value in colorCache) {
|
|
8
|
-
return colorCache[value];
|
|
9
|
-
}
|
|
10
|
-
if (property && property in unitlessNumbers) {
|
|
11
|
-
return value;
|
|
12
|
-
}
|
|
13
|
-
let res = value;
|
|
14
|
-
if (property && (property in normalizeStylePropKeys || value in names)) {
|
|
15
|
-
res = normalizeColor(value);
|
|
16
|
-
colorCache[value] = res;
|
|
17
|
-
} else if (process.env.TAMAGUI_TARGET === "web" && typeof value === "number" && (property === void 0 || !(property in unitlessNumbers || property in stringNumbers))) {
|
|
18
|
-
res = `${value}px`;
|
|
19
|
-
} else if (isWeb && property !== void 0 && property in stringNumbers) {
|
|
20
|
-
res = `${res}`;
|
|
21
|
-
}
|
|
22
|
-
return res;
|
|
23
|
-
}
|
|
24
|
-
const stringNumbers = {
|
|
25
|
-
zIndex: true
|
|
26
|
-
};
|
|
27
|
-
const unitlessNumbers = {
|
|
28
|
-
WebkitLineClamp: true,
|
|
29
|
-
animationIterationCount: true,
|
|
30
|
-
aspectRatio: true,
|
|
31
|
-
borderImageOutset: true,
|
|
32
|
-
borderImageSlice: true,
|
|
33
|
-
borderImageWidth: true,
|
|
34
|
-
columnCount: true,
|
|
35
|
-
flex: true,
|
|
36
|
-
flexGrow: true,
|
|
37
|
-
flexOrder: true,
|
|
38
|
-
flexPositive: true,
|
|
39
|
-
flexShrink: true,
|
|
40
|
-
flexNegative: true,
|
|
41
|
-
fontWeight: true,
|
|
42
|
-
gridRow: true,
|
|
43
|
-
gridRowEnd: true,
|
|
44
|
-
gridRowGap: true,
|
|
45
|
-
gridRowStart: true,
|
|
46
|
-
gridColumn: true,
|
|
47
|
-
gridColumnEnd: true,
|
|
48
|
-
gridColumnGap: true,
|
|
49
|
-
gridColumnStart: true,
|
|
50
|
-
lineClamp: true,
|
|
51
|
-
opacity: true,
|
|
52
|
-
order: true,
|
|
53
|
-
orphans: true,
|
|
54
|
-
tabSize: true,
|
|
55
|
-
widows: true,
|
|
56
|
-
zoom: true,
|
|
57
|
-
scale: true,
|
|
58
|
-
scaleX: true,
|
|
59
|
-
scaleY: true,
|
|
60
|
-
scaleZ: true,
|
|
61
|
-
shadowOpacity: true
|
|
62
|
-
};
|
|
63
|
-
const rcache = {};
|
|
64
|
-
function reverseMapClassNameToValue(key, className) {
|
|
65
|
-
const selectors = getAllSelectors();
|
|
66
|
-
const cssRule = selectors[className];
|
|
67
|
-
if (rcache[cssRule])
|
|
68
|
-
return rcache[cssRule];
|
|
69
|
-
if (!cssRule) {
|
|
70
|
-
return;
|
|
71
|
-
}
|
|
72
|
-
const cssVal = cssRule.replace(/.*:/, "").replace(/;.*/, "").trim();
|
|
73
|
-
let res;
|
|
74
|
-
if (cssVal.startsWith("var(")) {
|
|
75
|
-
res = cssVal;
|
|
76
|
-
} else if (unitlessNumbers[key]) {
|
|
77
|
-
res = +cssVal;
|
|
78
|
-
} else if (cssVal.endsWith("px")) {
|
|
79
|
-
res = +cssVal.replace("px", "");
|
|
80
|
-
} else {
|
|
81
|
-
res = cssVal;
|
|
82
|
-
}
|
|
83
|
-
rcache[cssRule] = res;
|
|
84
|
-
if (process.env.NODE_ENV === "development") {
|
|
85
|
-
if (typeof res === "number" && isNaN(res)) {
|
|
86
|
-
console.log("Tamagui invalid parsed value, NaN:", {
|
|
87
|
-
res,
|
|
88
|
-
cssVal,
|
|
89
|
-
cssRule,
|
|
90
|
-
key,
|
|
91
|
-
className
|
|
92
|
-
});
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
return res;
|
|
96
|
-
}
|
|
97
|
-
export {
|
|
98
|
-
normalizeValueWithProperty,
|
|
99
|
-
reverseMapClassNameToValue
|
|
100
|
-
};
|
|
1
|
+
import{isWeb as c}from"@tamagui/constants";import{getAllSelectors as m}from"./insertStyleRule.js";import{names as f,normalizeColor as d}from"./normalizeColor.js";import{normalizeStylePropKeys as g}from"./normalizeStylePropKeys";const s={};function h(e,r){if(e in s)return s[e];if(r&&r in u)return e;let i=e;return r&&(r in g||e in f)?(i=d(e),s[e]=i):process.env.TAMAGUI_TARGET==="web"&&typeof e=="number"&&(r===void 0||!(r in u||r in a))?i=`${e}px`:c&&r!==void 0&&r in a&&(i=`${i}`),i}const a={zIndex:!0},u={WebkitLineClamp:!0,animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,columnCount:!0,flex:!0,flexGrow:!0,flexOrder:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,fontWeight:!0,gridRow:!0,gridRowEnd:!0,gridRowGap:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnGap:!0,gridColumnStart:!0,lineClamp:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zoom:!0,scale:!0,scaleX:!0,scaleY:!0,scaleZ:!0,shadowOpacity:!0},l={};function w(e,r){const o=m()[r];if(l[o])return l[o];if(!o)return;const n=o.replace(/.*:/,"").replace(/;.*/,"").trim();let t;return n.startsWith("var(")?t=n:u[e]?t=+n:n.endsWith("px")?t=+n.replace("px",""):t=n,l[o]=t,process.env.NODE_ENV==="development"&&typeof t=="number"&&isNaN(t)&&console.log("Tamagui invalid parsed value, NaN:",{res:t,cssVal:n,cssRule:o,key:e,className:r}),t}export{h as normalizeValueWithProperty,w as reverseMapClassNameToValue};
|
|
101
2
|
//# sourceMappingURL=normalizeValueWithProperty.mjs.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/normalizeValueWithProperty.ts"],
|
|
4
4
|
"sourcesContent": ["/**\n * Some parts adapted from react-native-web\n * Copyright (c) Nicolas Gallagher licensed under the MIT license.\n */\n\nimport { isWeb } from '@tamagui/constants'\n\nimport { getAllSelectors } from './insertStyleRule.js'\nimport { names, normalizeColor } from './normalizeColor.js'\nimport { normalizeStylePropKeys } from './normalizeStylePropKeys'\n\nconst colorCache = {}\n\nexport function normalizeValueWithProperty(value: any, property?: string): any {\n if (value in colorCache) {\n return colorCache[value]\n }\n if (property && property in unitlessNumbers) {\n return value\n }\n let res = value\n if (property && (property in normalizeStylePropKeys || value in names)) {\n res = normalizeColor(value)\n colorCache[value] = res\n } else if (\n process.env.TAMAGUI_TARGET === 'web' &&\n typeof value === 'number' &&\n (property === undefined ||\n !(property in unitlessNumbers || property in stringNumbers))\n ) {\n res = `${value}px`\n } else if (isWeb && property !== undefined && property in stringNumbers) {\n res = `${res}`\n }\n return res\n}\n\nconst stringNumbers = {\n zIndex: true,\n}\n\nconst unitlessNumbers = {\n WebkitLineClamp: true,\n animationIterationCount: true,\n aspectRatio: true,\n borderImageOutset: true,\n borderImageSlice: true,\n borderImageWidth: true,\n columnCount: true,\n flex: true,\n flexGrow: true,\n flexOrder: true,\n flexPositive: true,\n flexShrink: true,\n flexNegative: true,\n fontWeight: true,\n gridRow: true,\n gridRowEnd: true,\n gridRowGap: true,\n gridRowStart: true,\n gridColumn: true,\n gridColumnEnd: true,\n gridColumnGap: true,\n gridColumnStart: true,\n lineClamp: true,\n opacity: true,\n order: true,\n orphans: true,\n tabSize: true,\n widows: true,\n zoom: true,\n scale: true,\n scaleX: true,\n scaleY: true,\n scaleZ: true,\n shadowOpacity: true,\n}\n\n// getting real values for colors for animations (reverse mapped from CSS)\n// this isn't beautiful, but will do relatively fine performance for now\nconst rcache = {}\nexport function reverseMapClassNameToValue(key: string, className: string) {\n const selectors = getAllSelectors()\n const cssRule = selectors[className]\n if (rcache[cssRule]) return rcache[cssRule]\n if (!cssRule) {\n return\n }\n const cssVal = cssRule.replace(/.*:/, '').replace(/;.*/, '').trim()\n let res: any\n if (cssVal.startsWith('var(')) {\n res = cssVal\n } else if (unitlessNumbers[key]) {\n res = +cssVal\n } else if (cssVal.endsWith('px')) {\n res = +cssVal.replace('px', '')\n } else {\n res = cssVal\n }\n rcache[cssRule] = res\n if (process.env.NODE_ENV === 'development') {\n // ensure we are parsing properly\n if (typeof res === 'number' && isNaN(res)) {\n // eslint-disable-next-line no-console\n console.log('Tamagui invalid parsed value, NaN:', {\n res,\n cssVal,\n cssRule,\n key,\n className,\n })\n }\n }\n return res\n}\n"],
|
|
5
|
-
"mappings": "AAKA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAKA,OAAS,SAAAA,MAAa,qBAEtB,OAAS,mBAAAC,MAAuB,uBAChC,OAAS,SAAAC,EAAO,kBAAAC,MAAsB,sBACtC,OAAS,0BAAAC,MAA8B,2BAEvC,MAAMC,EAAa,CAAC,EAEb,SAASC,EAA2BC,EAAYC,EAAwB,CAC7E,GAAID,KAASF,EACX,OAAOA,EAAWE,CAAK,EAEzB,GAAIC,GAAYA,KAAYC,EAC1B,OAAOF,EAET,IAAIG,EAAMH,EACV,OAAIC,IAAaA,KAAYJ,GAA0BG,KAASL,IAC9DQ,EAAMP,EAAeI,CAAK,EAC1BF,EAAWE,CAAK,EAAIG,GAEpB,QAAQ,IAAI,iBAAmB,OAC/B,OAAOH,GAAU,WAChBC,IAAa,QACZ,EAAEA,KAAYC,GAAmBD,KAAYG,IAE/CD,EAAM,GAAGH,MACAP,GAASQ,IAAa,QAAaA,KAAYG,IACxDD,EAAM,GAAGA,KAEJA,CACT,CAEA,MAAMC,EAAgB,CACpB,OAAQ,EACV,EAEMF,EAAkB,CACtB,gBAAiB,GACjB,wBAAyB,GACzB,YAAa,GACb,kBAAmB,GACnB,iBAAkB,GAClB,iBAAkB,GAClB,YAAa,GACb,KAAM,GACN,SAAU,GACV,UAAW,GACX,aAAc,GACd,WAAY,GACZ,aAAc,GACd,WAAY,GACZ,QAAS,GACT,WAAY,GACZ,WAAY,GACZ,aAAc,GACd,WAAY,GACZ,cAAe,GACf,cAAe,GACf,gBAAiB,GACjB,UAAW,GACX,QAAS,GACT,MAAO,GACP,QAAS,GACT,QAAS,GACT,OAAQ,GACR,KAAM,GACN,MAAO,GACP,OAAQ,GACR,OAAQ,GACR,OAAQ,GACR,cAAe,EACjB,EAIMG,EAAS,CAAC,EACT,SAASC,EAA2BC,EAAaC,EAAmB,CAEzE,MAAMC,EADYf,EAAgB,EACRc,CAAS,EACnC,GAAIH,EAAOI,CAAO,EAAG,OAAOJ,EAAOI,CAAO,EAC1C,GAAI,CAACA,EACH,OAEF,MAAMC,EAASD,EAAQ,QAAQ,MAAO,EAAE,EAAE,QAAQ,MAAO,EAAE,EAAE,KAAK,EAClE,IAAIN,EACJ,OAAIO,EAAO,WAAW,MAAM,EAC1BP,EAAMO,EACGR,EAAgBK,CAAG,EAC5BJ,EAAM,CAACO,EACEA,EAAO,SAAS,IAAI,EAC7BP,EAAM,CAACO,EAAO,QAAQ,KAAM,EAAE,EAE9BP,EAAMO,EAERL,EAAOI,CAAO,EAAIN,EACd,QAAQ,IAAI,WAAa,eAEvB,OAAOA,GAAQ,UAAY,MAAMA,CAAG,GAEtC,QAAQ,IAAI,qCAAsC,CAChD,IAAAA,EACA,OAAAO,EACA,QAAAD,EACA,IAAAF,EACA,UAAAC,CACF,CAAC,EAGEL,CACT",
|
|
6
|
+
"names": ["isWeb", "getAllSelectors", "names", "normalizeColor", "normalizeStylePropKeys", "colorCache", "normalizeValueWithProperty", "value", "property", "unitlessNumbers", "res", "stringNumbers", "rcache", "reverseMapClassNameToValue", "key", "className", "cssRule", "cssVal"]
|
|
7
7
|
}
|
|
@@ -1,16 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
function proxyThemeVariables(obj) {
|
|
3
|
-
return createProxy(obj || {}, {
|
|
4
|
-
has(target, key) {
|
|
5
|
-
return Reflect.has(target, removeStarting$(key));
|
|
6
|
-
},
|
|
7
|
-
get(target, key) {
|
|
8
|
-
return Reflect.get(target, removeStarting$(key));
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
}
|
|
12
|
-
const removeStarting$ = (str) => typeof str === "string" && str[0] === "$" ? str.slice(1) : str;
|
|
13
|
-
export {
|
|
14
|
-
proxyThemeVariables
|
|
15
|
-
};
|
|
1
|
+
import{createProxy as o}from"./createProxy.js";function i(e){return o(e||{},{has(t,r){return Reflect.has(t,n(r))},get(t,r){return Reflect.get(t,n(r))}})}const n=e=>typeof e=="string"&&e[0]==="$"?e.slice(1):e;export{i as proxyThemeVariables};
|
|
16
2
|
//# sourceMappingURL=proxyThemeVariables.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/proxyThemeVariables.tsx"],
|
|
4
4
|
"sourcesContent": ["import { createProxy } from './createProxy.js'\n\nexport function proxyThemeVariables<A extends Object>(obj: A): A {\n return createProxy<A>(obj || {}, {\n has(target, key) {\n return Reflect.has(target, removeStarting$(key))\n },\n get(target, key) {\n return Reflect.get(target, removeStarting$(key))\n },\n })\n}\n\nconst removeStarting$ = (str: string | symbol) =>\n typeof str === 'string' && str[0] === '$' ? str.slice(1) : str\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,OAAS,eAAAA,MAAmB,mBAErB,SAASC,EAAsCC,EAAW,CAC/D,OAAOF,EAAeE,GAAO,CAAC,EAAG,CAC/B,IAAIC,EAAQC,EAAK,CACf,OAAO,QAAQ,IAAID,EAAQE,EAAgBD,CAAG,CAAC,CACjD,EACA,IAAID,EAAQC,EAAK,CACf,OAAO,QAAQ,IAAID,EAAQE,EAAgBD,CAAG,CAAC,CACjD,CACF,CAAC,CACH,CAEA,MAAMC,EAAmBC,GACvB,OAAOA,GAAQ,UAAYA,EAAI,CAAC,IAAM,IAAMA,EAAI,MAAM,CAAC,EAAIA",
|
|
6
|
+
"names": ["createProxy", "proxyThemeVariables", "obj", "target", "key", "removeStarting$", "str"]
|
|
7
7
|
}
|
|
@@ -1,16 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
function proxyThemeVariables(obj) {
|
|
3
|
-
return createProxy(obj || {}, {
|
|
4
|
-
has(target, key) {
|
|
5
|
-
return Reflect.has(target, removeStarting$(key));
|
|
6
|
-
},
|
|
7
|
-
get(target, key) {
|
|
8
|
-
return Reflect.get(target, removeStarting$(key));
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
}
|
|
12
|
-
const removeStarting$ = (str) => typeof str === "string" && str[0] === "$" ? str.slice(1) : str;
|
|
13
|
-
export {
|
|
14
|
-
proxyThemeVariables
|
|
15
|
-
};
|
|
1
|
+
import{createProxy as o}from"./createProxy.js";function i(e){return o(e||{},{has(t,r){return Reflect.has(t,n(r))},get(t,r){return Reflect.get(t,n(r))}})}const n=e=>typeof e=="string"&&e[0]==="$"?e.slice(1):e;export{i as proxyThemeVariables};
|
|
16
2
|
//# sourceMappingURL=proxyThemeVariables.mjs.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/proxyThemeVariables.tsx"],
|
|
4
4
|
"sourcesContent": ["import { createProxy } from './createProxy.js'\n\nexport function proxyThemeVariables<A extends Object>(obj: A): A {\n return createProxy<A>(obj || {}, {\n has(target, key) {\n return Reflect.has(target, removeStarting$(key))\n },\n get(target, key) {\n return Reflect.get(target, removeStarting$(key))\n },\n })\n}\n\nconst removeStarting$ = (str: string | symbol) =>\n typeof str === 'string' && str[0] === '$' ? str.slice(1) : str\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,OAAS,eAAAA,MAAmB,mBAErB,SAASC,EAAsCC,EAAW,CAC/D,OAAOF,EAAeE,GAAO,CAAC,EAAG,CAC/B,IAAIC,EAAQC,EAAK,CACf,OAAO,QAAQ,IAAID,EAAQE,EAAgBD,CAAG,CAAC,CACjD,EACA,IAAID,EAAQC,EAAK,CACf,OAAO,QAAQ,IAAID,EAAQE,EAAgBD,CAAG,CAAC,CACjD,CACF,CAAC,CACH,CAEA,MAAMC,EAAmBC,GACvB,OAAOA,GAAQ,UAAYA,EAAI,CAAC,IAAM,IAAMA,EAAI,MAAM,CAAC,EAAIA",
|
|
6
|
+
"names": ["createProxy", "proxyThemeVariables", "obj", "target", "key", "removeStarting$", "str"]
|
|
7
7
|
}
|
|
@@ -1,29 +1,2 @@
|
|
|
1
|
-
const
|
|
2
|
-
hoverStyle: {
|
|
3
|
-
name: "hover",
|
|
4
|
-
priority: 1
|
|
5
|
-
},
|
|
6
|
-
pressStyle: {
|
|
7
|
-
name: "active",
|
|
8
|
-
stateKey: "press",
|
|
9
|
-
priority: 2
|
|
10
|
-
},
|
|
11
|
-
focusStyle: {
|
|
12
|
-
name: "focus",
|
|
13
|
-
priority: 3
|
|
14
|
-
},
|
|
15
|
-
enterStyle: {
|
|
16
|
-
name: "enter",
|
|
17
|
-
stateKey: "unmounted",
|
|
18
|
-
priority: 4
|
|
19
|
-
},
|
|
20
|
-
exitStyle: {
|
|
21
|
-
name: "exit",
|
|
22
|
-
stateKey: "isExiting",
|
|
23
|
-
priority: 5
|
|
24
|
-
}
|
|
25
|
-
};
|
|
26
|
-
export {
|
|
27
|
-
pseudoDescriptors
|
|
28
|
-
};
|
|
1
|
+
const e={hoverStyle:{name:"hover",priority:1},pressStyle:{name:"active",stateKey:"press",priority:2},focusStyle:{name:"focus",priority:3},enterStyle:{name:"enter",stateKey:"unmounted",priority:4},exitStyle:{name:"exit",stateKey:"isExiting",priority:5}};export{e as pseudoDescriptors};
|
|
29
2
|
//# sourceMappingURL=pseudoDescriptors.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/pseudoDescriptors.ts"],
|
|
4
4
|
"sourcesContent": ["// *0 order matches to *1\n\nexport const pseudoDescriptors: Record<\n 'hoverStyle' | 'pressStyle' | 'focusStyle' | 'enterStyle' | 'exitStyle',\n PseudoDescriptor\n> = {\n hoverStyle: {\n name: 'hover',\n priority: 1,\n },\n pressStyle: {\n name: 'active',\n stateKey: 'press',\n priority: 2,\n },\n focusStyle: {\n name: 'focus',\n priority: 3,\n },\n enterStyle: {\n name: 'enter',\n stateKey: 'unmounted',\n priority: 4,\n },\n exitStyle: {\n name: 'exit',\n stateKey: 'isExiting',\n priority: 5,\n },\n}\n\nexport type PseudoDescriptor = {\n name: string\n priority: number\n stateKey?: string\n}\n\nexport type PseudoDescriptors = {\n [Key in keyof typeof pseudoDescriptors]: PseudoDescriptor\n}\n"],
|
|
5
|
-
"mappings": "AAEO,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAEO,MAAMA,EAGT,CACF,WAAY,CACV,KAAM,QACN,SAAU,CACZ,EACA,WAAY,CACV,KAAM,SACN,SAAU,QACV,SAAU,CACZ,EACA,WAAY,CACV,KAAM,QACN,SAAU,CACZ,EACA,WAAY,CACV,KAAM,QACN,SAAU,YACV,SAAU,CACZ,EACA,UAAW,CACT,KAAM,OACN,SAAU,YACV,SAAU,CACZ,CACF",
|
|
6
|
+
"names": ["pseudoDescriptors"]
|
|
7
7
|
}
|
|
@@ -1,29 +1,2 @@
|
|
|
1
|
-
const
|
|
2
|
-
hoverStyle: {
|
|
3
|
-
name: "hover",
|
|
4
|
-
priority: 1
|
|
5
|
-
},
|
|
6
|
-
pressStyle: {
|
|
7
|
-
name: "active",
|
|
8
|
-
stateKey: "press",
|
|
9
|
-
priority: 2
|
|
10
|
-
},
|
|
11
|
-
focusStyle: {
|
|
12
|
-
name: "focus",
|
|
13
|
-
priority: 3
|
|
14
|
-
},
|
|
15
|
-
enterStyle: {
|
|
16
|
-
name: "enter",
|
|
17
|
-
stateKey: "unmounted",
|
|
18
|
-
priority: 4
|
|
19
|
-
},
|
|
20
|
-
exitStyle: {
|
|
21
|
-
name: "exit",
|
|
22
|
-
stateKey: "isExiting",
|
|
23
|
-
priority: 5
|
|
24
|
-
}
|
|
25
|
-
};
|
|
26
|
-
export {
|
|
27
|
-
pseudoDescriptors
|
|
28
|
-
};
|
|
1
|
+
const e={hoverStyle:{name:"hover",priority:1},pressStyle:{name:"active",stateKey:"press",priority:2},focusStyle:{name:"focus",priority:3},enterStyle:{name:"enter",stateKey:"unmounted",priority:4},exitStyle:{name:"exit",stateKey:"isExiting",priority:5}};export{e as pseudoDescriptors};
|
|
29
2
|
//# sourceMappingURL=pseudoDescriptors.mjs.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/pseudoDescriptors.ts"],
|
|
4
4
|
"sourcesContent": ["// *0 order matches to *1\n\nexport const pseudoDescriptors: Record<\n 'hoverStyle' | 'pressStyle' | 'focusStyle' | 'enterStyle' | 'exitStyle',\n PseudoDescriptor\n> = {\n hoverStyle: {\n name: 'hover',\n priority: 1,\n },\n pressStyle: {\n name: 'active',\n stateKey: 'press',\n priority: 2,\n },\n focusStyle: {\n name: 'focus',\n priority: 3,\n },\n enterStyle: {\n name: 'enter',\n stateKey: 'unmounted',\n priority: 4,\n },\n exitStyle: {\n name: 'exit',\n stateKey: 'isExiting',\n priority: 5,\n },\n}\n\nexport type PseudoDescriptor = {\n name: string\n priority: number\n stateKey?: string\n}\n\nexport type PseudoDescriptors = {\n [Key in keyof typeof pseudoDescriptors]: PseudoDescriptor\n}\n"],
|
|
5
|
-
"mappings": "AAEO,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAEO,MAAMA,EAGT,CACF,WAAY,CACV,KAAM,QACN,SAAU,CACZ,EACA,WAAY,CACV,KAAM,SACN,SAAU,QACV,SAAU,CACZ,EACA,WAAY,CACV,KAAM,QACN,SAAU,CACZ,EACA,WAAY,CACV,KAAM,QACN,SAAU,YACV,SAAU,CACZ,EACA,UAAW,CACT,KAAM,OACN,SAAU,YACV,SAAU,CACZ,CACF",
|
|
6
|
+
"names": ["pseudoDescriptors"]
|
|
7
7
|
}
|
|
@@ -1,14 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
const registerCSSVariable = (v) => {
|
|
3
|
-
tokensValueToVariable.set(v.val, v);
|
|
4
|
-
};
|
|
5
|
-
const variableToCSS = (v, unitless = false) => {
|
|
6
|
-
return `--${createCSSVariable(v.name, false)}:${!unitless && typeof v.val === "number" ? `${v.val}px` : v.val}`;
|
|
7
|
-
};
|
|
8
|
-
const tokensValueToVariable = /* @__PURE__ */ new Map();
|
|
9
|
-
export {
|
|
10
|
-
registerCSSVariable,
|
|
11
|
-
tokensValueToVariable,
|
|
12
|
-
variableToCSS
|
|
13
|
-
};
|
|
1
|
+
import{createCSSVariable as r}from"../createVariable.js";const n=a=>{l.set(a.val,a)},i=(a,e=!1)=>`--${r(a.name,!1)}:${!e&&typeof a.val=="number"?`${a.val}px`:a.val}`,l=new Map;export{n as registerCSSVariable,l as tokensValueToVariable,i as variableToCSS};
|
|
14
2
|
//# sourceMappingURL=registerCSSVariable.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/registerCSSVariable.ts"],
|
|
4
4
|
"sourcesContent": ["import { Variable, createCSSVariable } from '../createVariable.js'\n\nexport const registerCSSVariable = (v: Variable) => {\n tokensValueToVariable.set(v.val, v)\n}\n\nexport const variableToCSS = (v: Variable, unitless = false) => {\n return `--${createCSSVariable(v.name, false)}:${\n !unitless && typeof v.val === 'number' ? `${v.val}px` : v.val\n }`\n}\n\nexport const tokensValueToVariable = new Map<any, any>()\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,OAAmB,qBAAAA,MAAyB,uBAErC,MAAMC,EAAuBC,GAAgB,CAClDC,EAAsB,IAAID,EAAE,IAAKA,CAAC,CACpC,EAEaE,EAAgB,CAACF,EAAaG,EAAW,KAC7C,KAAKL,EAAkBE,EAAE,KAAM,EAAK,KACzC,CAACG,GAAY,OAAOH,EAAE,KAAQ,SAAW,GAAGA,EAAE,QAAUA,EAAE,MAIjDC,EAAwB,IAAI",
|
|
6
|
+
"names": ["createCSSVariable", "registerCSSVariable", "v", "tokensValueToVariable", "variableToCSS", "unitless"]
|
|
7
7
|
}
|
|
@@ -1,14 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
const registerCSSVariable = (v) => {
|
|
3
|
-
tokensValueToVariable.set(v.val, v);
|
|
4
|
-
};
|
|
5
|
-
const variableToCSS = (v, unitless = false) => {
|
|
6
|
-
return `--${createCSSVariable(v.name, false)}:${!unitless && typeof v.val === "number" ? `${v.val}px` : v.val}`;
|
|
7
|
-
};
|
|
8
|
-
const tokensValueToVariable = /* @__PURE__ */ new Map();
|
|
9
|
-
export {
|
|
10
|
-
registerCSSVariable,
|
|
11
|
-
tokensValueToVariable,
|
|
12
|
-
variableToCSS
|
|
13
|
-
};
|
|
1
|
+
import{createCSSVariable as r}from"../createVariable.js";const n=a=>{l.set(a.val,a)},i=(a,e=!1)=>`--${r(a.name,!1)}:${!e&&typeof a.val=="number"?`${a.val}px`:a.val}`,l=new Map;export{n as registerCSSVariable,l as tokensValueToVariable,i as variableToCSS};
|
|
14
2
|
//# sourceMappingURL=registerCSSVariable.mjs.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/registerCSSVariable.ts"],
|
|
4
4
|
"sourcesContent": ["import { Variable, createCSSVariable } from '../createVariable.js'\n\nexport const registerCSSVariable = (v: Variable) => {\n tokensValueToVariable.set(v.val, v)\n}\n\nexport const variableToCSS = (v: Variable, unitless = false) => {\n return `--${createCSSVariable(v.name, false)}:${\n !unitless && typeof v.val === 'number' ? `${v.val}px` : v.val\n }`\n}\n\nexport const tokensValueToVariable = new Map<any, any>()\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,OAAmB,qBAAAA,MAAyB,uBAErC,MAAMC,EAAuBC,GAAgB,CAClDC,EAAsB,IAAID,EAAE,IAAKA,CAAC,CACpC,EAEaE,EAAgB,CAACF,EAAaG,EAAW,KAC7C,KAAKL,EAAkBE,EAAE,KAAM,EAAK,KACzC,CAACG,GAAY,OAAOH,EAAE,KAAQ,SAAW,GAAGA,EAAE,QAAUA,EAAE,MAIjDC,EAAwB,IAAI",
|
|
6
|
+
"names": ["createCSSVariable", "registerCSSVariable", "v", "tokensValueToVariable", "variableToCSS", "unitless"]
|
|
7
7
|
}
|
|
@@ -1,28 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
import React, { forwardRef } from "react";
|
|
3
|
-
import { Theme } from "../views/Theme.js";
|
|
4
|
-
function themeable(component, opts) {
|
|
5
|
-
const withThemeComponent = forwardRef(function WithTheme(props, ref) {
|
|
6
|
-
const { themeInverse, theme, componentName, themeReset, ...rest } = props;
|
|
7
|
-
const element = React.createElement(component, { ...rest, ref });
|
|
8
|
-
return /* @__PURE__ */ jsx(
|
|
9
|
-
Theme,
|
|
10
|
-
{
|
|
11
|
-
inverse: themeInverse,
|
|
12
|
-
componentName: componentName || (opts == null ? void 0 : opts.componentName),
|
|
13
|
-
name: theme || null,
|
|
14
|
-
"data-themeable": true,
|
|
15
|
-
debug: props.debug,
|
|
16
|
-
reset: props.themeReset,
|
|
17
|
-
children: element
|
|
18
|
-
}
|
|
19
|
-
);
|
|
20
|
-
});
|
|
21
|
-
const withTheme = withThemeComponent;
|
|
22
|
-
withTheme.displayName = `Themed(${(component == null ? void 0 : component.displayName) || (component == null ? void 0 : component.name) || "Anonymous"})`;
|
|
23
|
-
return withTheme;
|
|
24
|
-
}
|
|
25
|
-
export {
|
|
26
|
-
themeable
|
|
27
|
-
};
|
|
1
|
+
import{jsx as T}from"react/jsx-runtime";import l,{forwardRef as u}from"react";import{Theme as b}from"../views/Theme.js";function C(e,m){const t=u(function(n,a){const{themeInverse:r,theme:h,componentName:s,themeReset:p,...o}=n,i=l.createElement(e,{...o,ref:a});return T(b,{inverse:r,componentName:s||(m==null?void 0:m.componentName),name:h||null,"data-themeable":!0,debug:n.debug,reset:n.themeReset,children:i})});return t.displayName=`Themed(${(e==null?void 0:e.displayName)||(e==null?void 0:e.name)||"Anonymous"})`,t}export{C as themeable};
|
|
28
2
|
//# sourceMappingURL=themeable.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/themeable.tsx"],
|
|
4
4
|
"sourcesContent": ["import React, { forwardRef, useId } from 'react'\n\nimport { DebugProp, ThemeName } from '../types.js'\nimport { Theme } from '../views/Theme.js'\n\nexport interface ThemeableProps {\n theme?: ThemeName | null\n themeInverse?: boolean\n themeReset?: boolean\n componentName?: string\n debug?: DebugProp\n}\n\nexport function themeable<Component extends (props: any) => any>(\n component: Component,\n opts?: { componentName?: string }\n) {\n const withThemeComponent = forwardRef(function WithTheme(props: ThemeableProps, ref) {\n const { themeInverse, theme, componentName, themeReset, ...rest } = props\n const element = React.createElement(component, { ...rest, ref } as any)\n\n return (\n <Theme\n inverse={themeInverse}\n componentName={componentName || opts?.componentName}\n name={(theme as any) || null}\n data-themeable\n debug={props.debug}\n reset={props.themeReset}\n >\n {element}\n </Theme>\n )\n })\n\n const withTheme: any = withThemeComponent\n withTheme.displayName = `Themed(${\n (component as any)?.displayName || (component as any)?.name || 'Anonymous'\n })`\n\n return withTheme as Component extends (props: infer P) => infer R\n ? (props: Omit<P, 'theme' | 'themeInverse'> & ThemeableProps) => R\n : unknown\n}\n"],
|
|
5
|
-
"mappings": "AAsBM
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAsBM,cAAAA,MAAA,oBAtBN,OAAOC,GAAS,cAAAC,MAAyB,QAGzC,OAAS,SAAAC,MAAa,oBAUf,SAASC,EACdC,EACAC,EACA,CAmBA,MAAMC,EAlBqBL,EAAW,SAAmBM,EAAuBC,EAAK,CACnF,KAAM,CAAE,aAAAC,EAAc,MAAAC,EAAO,cAAAC,EAAe,WAAAC,EAAY,GAAGC,CAAK,EAAIN,EAC9DO,EAAUd,EAAM,cAAcI,EAAW,CAAE,GAAGS,EAAM,IAAAL,CAAI,CAAQ,EAEtE,OACET,EAACG,EAAA,CACC,QAASO,EACT,cAAeE,IAAiBN,GAAA,YAAAA,EAAM,eACtC,KAAOK,GAAiB,KACxB,iBAAc,GACd,MAAOH,EAAM,MACb,MAAOA,EAAM,WAEZ,SAAAO,EACH,CAEJ,CAAC,EAGD,OAAAR,EAAU,YAAc,WACrBF,GAAA,YAAAA,EAAmB,eAAgBA,GAAA,YAAAA,EAAmB,OAAQ,eAG1DE,CAGT",
|
|
6
|
+
"names": ["jsx", "React", "forwardRef", "Theme", "themeable", "component", "opts", "withTheme", "props", "ref", "themeInverse", "theme", "componentName", "themeReset", "rest", "element"]
|
|
7
7
|
}
|
|
@@ -1,28 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
import React, { forwardRef } from "react";
|
|
3
|
-
import { Theme } from "../views/Theme.js";
|
|
4
|
-
function themeable(component, opts) {
|
|
5
|
-
const withThemeComponent = forwardRef(function WithTheme(props, ref) {
|
|
6
|
-
const { themeInverse, theme, componentName, themeReset, ...rest } = props;
|
|
7
|
-
const element = React.createElement(component, { ...rest, ref });
|
|
8
|
-
return /* @__PURE__ */ jsx(
|
|
9
|
-
Theme,
|
|
10
|
-
{
|
|
11
|
-
inverse: themeInverse,
|
|
12
|
-
componentName: componentName || (opts == null ? void 0 : opts.componentName),
|
|
13
|
-
name: theme || null,
|
|
14
|
-
"data-themeable": true,
|
|
15
|
-
debug: props.debug,
|
|
16
|
-
reset: props.themeReset,
|
|
17
|
-
children: element
|
|
18
|
-
}
|
|
19
|
-
);
|
|
20
|
-
});
|
|
21
|
-
const withTheme = withThemeComponent;
|
|
22
|
-
withTheme.displayName = `Themed(${(component == null ? void 0 : component.displayName) || (component == null ? void 0 : component.name) || "Anonymous"})`;
|
|
23
|
-
return withTheme;
|
|
24
|
-
}
|
|
25
|
-
export {
|
|
26
|
-
themeable
|
|
27
|
-
};
|
|
1
|
+
import{jsx as T}from"react/jsx-runtime";import l,{forwardRef as u}from"react";import{Theme as b}from"../views/Theme.js";function C(e,m){const t=u(function(n,a){const{themeInverse:r,theme:h,componentName:s,themeReset:p,...o}=n,i=l.createElement(e,{...o,ref:a});return T(b,{inverse:r,componentName:s||(m==null?void 0:m.componentName),name:h||null,"data-themeable":!0,debug:n.debug,reset:n.themeReset,children:i})});return t.displayName=`Themed(${(e==null?void 0:e.displayName)||(e==null?void 0:e.name)||"Anonymous"})`,t}export{C as themeable};
|
|
28
2
|
//# sourceMappingURL=themeable.mjs.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/themeable.tsx"],
|
|
4
4
|
"sourcesContent": ["import React, { forwardRef, useId } from 'react'\n\nimport { DebugProp, ThemeName } from '../types.js'\nimport { Theme } from '../views/Theme.js'\n\nexport interface ThemeableProps {\n theme?: ThemeName | null\n themeInverse?: boolean\n themeReset?: boolean\n componentName?: string\n debug?: DebugProp\n}\n\nexport function themeable<Component extends (props: any) => any>(\n component: Component,\n opts?: { componentName?: string }\n) {\n const withThemeComponent = forwardRef(function WithTheme(props: ThemeableProps, ref) {\n const { themeInverse, theme, componentName, themeReset, ...rest } = props\n const element = React.createElement(component, { ...rest, ref } as any)\n\n return (\n <Theme\n inverse={themeInverse}\n componentName={componentName || opts?.componentName}\n name={(theme as any) || null}\n data-themeable\n debug={props.debug}\n reset={props.themeReset}\n >\n {element}\n </Theme>\n )\n })\n\n const withTheme: any = withThemeComponent\n withTheme.displayName = `Themed(${\n (component as any)?.displayName || (component as any)?.name || 'Anonymous'\n })`\n\n return withTheme as Component extends (props: infer P) => infer R\n ? (props: Omit<P, 'theme' | 'themeInverse'> & ThemeableProps) => R\n : unknown\n}\n"],
|
|
5
|
-
"mappings": "AAsBM
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAsBM,cAAAA,MAAA,oBAtBN,OAAOC,GAAS,cAAAC,MAAyB,QAGzC,OAAS,SAAAC,MAAa,oBAUf,SAASC,EACdC,EACAC,EACA,CAmBA,MAAMC,EAlBqBL,EAAW,SAAmBM,EAAuBC,EAAK,CACnF,KAAM,CAAE,aAAAC,EAAc,MAAAC,EAAO,cAAAC,EAAe,WAAAC,EAAY,GAAGC,CAAK,EAAIN,EAC9DO,EAAUd,EAAM,cAAcI,EAAW,CAAE,GAAGS,EAAM,IAAAL,CAAI,CAAQ,EAEtE,OACET,EAACG,EAAA,CACC,QAASO,EACT,cAAeE,IAAiBN,GAAA,YAAAA,EAAM,eACtC,KAAOK,GAAiB,KACxB,iBAAc,GACd,MAAOH,EAAM,MACb,MAAOA,EAAM,WAEZ,SAAAO,EACH,CAEJ,CAAC,EAGD,OAAAR,EAAU,YAAc,WACrBF,GAAA,YAAAA,EAAmB,eAAgBA,GAAA,YAAAA,EAAmB,OAAQ,eAG1DE,CAGT",
|
|
6
|
+
"names": ["jsx", "React", "forwardRef", "Theme", "themeable", "component", "opts", "withTheme", "props", "ref", "themeInverse", "theme", "componentName", "themeReset", "rest", "element"]
|
|
7
7
|
}
|
|
@@ -1,51 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { GetThemeUnwrapped } from "../hooks/getThemeUnwrapped.js";
|
|
3
|
-
function ensureThemeVariable(theme, key) {
|
|
4
|
-
const val = theme[key];
|
|
5
|
-
const themeKey = key;
|
|
6
|
-
if (!isVariable(val)) {
|
|
7
|
-
theme[key] = createVariable({
|
|
8
|
-
key: themeKey,
|
|
9
|
-
name: themeKey,
|
|
10
|
-
val
|
|
11
|
-
});
|
|
12
|
-
} else {
|
|
13
|
-
if (val.name !== themeKey) {
|
|
14
|
-
theme[key] = createVariable({
|
|
15
|
-
key: val.name,
|
|
16
|
-
name: themeKey,
|
|
17
|
-
val: val.val
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
function proxyThemeToParents(themeName, theme, themes) {
|
|
23
|
-
const cur = [];
|
|
24
|
-
const parents = themeName.split("_").slice(0, -1).map((part) => {
|
|
25
|
-
cur.push(part);
|
|
26
|
-
return cur.join("_");
|
|
27
|
-
});
|
|
28
|
-
const numParents = parents.length;
|
|
29
|
-
return new Proxy(theme, {
|
|
30
|
-
get(target, key) {
|
|
31
|
-
if (key === GetThemeUnwrapped)
|
|
32
|
-
return theme;
|
|
33
|
-
if (numParents && !Reflect.has(target, key)) {
|
|
34
|
-
for (let i = numParents - 1; i >= 0; i--) {
|
|
35
|
-
const parent = themes[parents[i]];
|
|
36
|
-
if (!parent)
|
|
37
|
-
continue;
|
|
38
|
-
if (Reflect.has(parent, key)) {
|
|
39
|
-
return Reflect.get(parent, key);
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
return Reflect.get(target, key);
|
|
44
|
-
}
|
|
45
|
-
});
|
|
46
|
-
}
|
|
47
|
-
export {
|
|
48
|
-
ensureThemeVariable,
|
|
49
|
-
proxyThemeToParents
|
|
50
|
-
};
|
|
1
|
+
import{createVariable as m,isVariable as l}from"../createVariable.js";import{GetThemeUnwrapped as p}from"../hooks/getThemeUnwrapped.js";function P(n,e){const r=n[e],t=e;l(r)?r.name!==t&&(n[e]=m({key:r.name,name:t,val:r.val})):n[e]=m({key:t,name:t,val:r})}function x(n,e,r){const t=[],c=n.split("_").slice(0,-1).map(i=>(t.push(i),t.join("_"))),f=c.length;return new Proxy(e,{get(i,a){if(a===p)return e;if(f&&!Reflect.has(i,a))for(let o=f-1;o>=0;o--){const s=r[c[o]];if(s&&Reflect.has(s,a))return Reflect.get(s,a)}return Reflect.get(i,a)}})}export{P as ensureThemeVariable,x as proxyThemeToParents};
|
|
51
2
|
//# sourceMappingURL=themes.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/themes.ts"],
|
|
4
4
|
"sourcesContent": ["import { createVariable, isVariable } from '../createVariable.js'\nimport { GetThemeUnwrapped } from '../hooks/getThemeUnwrapped.js'\nimport { CreateTamaguiProps } from '../types.js'\n\n// mutates, freeze after\n// shared by createTamagui so extracted here\nexport function ensureThemeVariable(theme: any, key: string) {\n const val = theme[key]\n const themeKey = key\n if (!isVariable(val)) {\n theme[key] = createVariable({\n key: themeKey,\n name: themeKey,\n val,\n })\n } else {\n if (val.name !== themeKey) {\n // rename to theme name\n theme[key] = createVariable({\n key: val.name,\n name: themeKey,\n val: val.val,\n })\n }\n }\n}\n\nexport function proxyThemeToParents(\n themeName: string,\n theme: any,\n themes: CreateTamaguiProps['themes']\n) {\n // we could test if this is better as just a straight object spread or fancier proxy\n const cur: string[] = []\n // if theme is dark_blue_alt1_Button\n // this will be the parent names in order: ['dark', 'dark_blue', 'dark_blue_alt1\"]\n const parents = themeName\n .split('_')\n .slice(0, -1)\n .map((part) => {\n cur.push(part)\n return cur.join('_')\n })\n\n const numParents = parents.length\n\n // proxy fallback values to parent theme values\n return new Proxy(theme, {\n get(target, key) {\n if (key === GetThemeUnwrapped) return theme\n if (numParents && !Reflect.has(target, key)) {\n // check parents\n for (let i = numParents - 1; i >= 0; i--) {\n const parent = themes[parents[i]]\n if (!parent) continue\n if (Reflect.has(parent, key)) {\n return Reflect.get(parent, key)\n }\n }\n }\n return Reflect.get(target, key)\n },\n })\n}\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,OAAS,kBAAAA,EAAgB,cAAAC,MAAkB,uBAC3C,OAAS,qBAAAC,MAAyB,gCAK3B,SAASC,EAAoBC,EAAYC,EAAa,CAC3D,MAAMC,EAAMF,EAAMC,CAAG,EACfE,EAAWF,EACZJ,EAAWK,CAAG,EAObA,EAAI,OAASC,IAEfH,EAAMC,CAAG,EAAIL,EAAe,CAC1B,IAAKM,EAAI,KACT,KAAMC,EACN,IAAKD,EAAI,GACX,CAAC,GAZHF,EAAMC,CAAG,EAAIL,EAAe,CAC1B,IAAKO,EACL,KAAMA,EACN,IAAAD,CACF,CAAC,CAWL,CAEO,SAASE,EACdC,EACAL,EACAM,EACA,CAEA,MAAMC,EAAgB,CAAC,EAGjBC,EAAUH,EACb,MAAM,GAAG,EACT,MAAM,EAAG,EAAE,EACX,IAAKI,IACJF,EAAI,KAAKE,CAAI,EACNF,EAAI,KAAK,GAAG,EACpB,EAEGG,EAAaF,EAAQ,OAG3B,OAAO,IAAI,MAAMR,EAAO,CACtB,IAAIW,EAAQV,EAAK,CACf,GAAIA,IAAQH,EAAmB,OAAOE,EACtC,GAAIU,GAAc,CAAC,QAAQ,IAAIC,EAAQV,CAAG,EAExC,QAASW,EAAIF,EAAa,EAAGE,GAAK,EAAGA,IAAK,CACxC,MAAMC,EAASP,EAAOE,EAAQI,CAAC,CAAC,EAChC,GAAKC,GACD,QAAQ,IAAIA,EAAQZ,CAAG,EACzB,OAAO,QAAQ,IAAIY,EAAQZ,CAAG,CAElC,CAEF,OAAO,QAAQ,IAAIU,EAAQV,CAAG,CAChC,CACF,CAAC,CACH",
|
|
6
|
+
"names": ["createVariable", "isVariable", "GetThemeUnwrapped", "ensureThemeVariable", "theme", "key", "val", "themeKey", "proxyThemeToParents", "themeName", "themes", "cur", "parents", "part", "numParents", "target", "i", "parent"]
|
|
7
7
|
}
|
|
@@ -1,51 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { GetThemeUnwrapped } from "../hooks/getThemeUnwrapped.js";
|
|
3
|
-
function ensureThemeVariable(theme, key) {
|
|
4
|
-
const val = theme[key];
|
|
5
|
-
const themeKey = key;
|
|
6
|
-
if (!isVariable(val)) {
|
|
7
|
-
theme[key] = createVariable({
|
|
8
|
-
key: themeKey,
|
|
9
|
-
name: themeKey,
|
|
10
|
-
val
|
|
11
|
-
});
|
|
12
|
-
} else {
|
|
13
|
-
if (val.name !== themeKey) {
|
|
14
|
-
theme[key] = createVariable({
|
|
15
|
-
key: val.name,
|
|
16
|
-
name: themeKey,
|
|
17
|
-
val: val.val
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
function proxyThemeToParents(themeName, theme, themes) {
|
|
23
|
-
const cur = [];
|
|
24
|
-
const parents = themeName.split("_").slice(0, -1).map((part) => {
|
|
25
|
-
cur.push(part);
|
|
26
|
-
return cur.join("_");
|
|
27
|
-
});
|
|
28
|
-
const numParents = parents.length;
|
|
29
|
-
return new Proxy(theme, {
|
|
30
|
-
get(target, key) {
|
|
31
|
-
if (key === GetThemeUnwrapped)
|
|
32
|
-
return theme;
|
|
33
|
-
if (numParents && !Reflect.has(target, key)) {
|
|
34
|
-
for (let i = numParents - 1; i >= 0; i--) {
|
|
35
|
-
const parent = themes[parents[i]];
|
|
36
|
-
if (!parent)
|
|
37
|
-
continue;
|
|
38
|
-
if (Reflect.has(parent, key)) {
|
|
39
|
-
return Reflect.get(parent, key);
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
return Reflect.get(target, key);
|
|
44
|
-
}
|
|
45
|
-
});
|
|
46
|
-
}
|
|
47
|
-
export {
|
|
48
|
-
ensureThemeVariable,
|
|
49
|
-
proxyThemeToParents
|
|
50
|
-
};
|
|
1
|
+
import{createVariable as m,isVariable as l}from"../createVariable.js";import{GetThemeUnwrapped as p}from"../hooks/getThemeUnwrapped.js";function P(n,e){const r=n[e],t=e;l(r)?r.name!==t&&(n[e]=m({key:r.name,name:t,val:r.val})):n[e]=m({key:t,name:t,val:r})}function x(n,e,r){const t=[],c=n.split("_").slice(0,-1).map(i=>(t.push(i),t.join("_"))),f=c.length;return new Proxy(e,{get(i,a){if(a===p)return e;if(f&&!Reflect.has(i,a))for(let o=f-1;o>=0;o--){const s=r[c[o]];if(s&&Reflect.has(s,a))return Reflect.get(s,a)}return Reflect.get(i,a)}})}export{P as ensureThemeVariable,x as proxyThemeToParents};
|
|
51
2
|
//# sourceMappingURL=themes.mjs.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/themes.ts"],
|
|
4
4
|
"sourcesContent": ["import { createVariable, isVariable } from '../createVariable.js'\nimport { GetThemeUnwrapped } from '../hooks/getThemeUnwrapped.js'\nimport { CreateTamaguiProps } from '../types.js'\n\n// mutates, freeze after\n// shared by createTamagui so extracted here\nexport function ensureThemeVariable(theme: any, key: string) {\n const val = theme[key]\n const themeKey = key\n if (!isVariable(val)) {\n theme[key] = createVariable({\n key: themeKey,\n name: themeKey,\n val,\n })\n } else {\n if (val.name !== themeKey) {\n // rename to theme name\n theme[key] = createVariable({\n key: val.name,\n name: themeKey,\n val: val.val,\n })\n }\n }\n}\n\nexport function proxyThemeToParents(\n themeName: string,\n theme: any,\n themes: CreateTamaguiProps['themes']\n) {\n // we could test if this is better as just a straight object spread or fancier proxy\n const cur: string[] = []\n // if theme is dark_blue_alt1_Button\n // this will be the parent names in order: ['dark', 'dark_blue', 'dark_blue_alt1\"]\n const parents = themeName\n .split('_')\n .slice(0, -1)\n .map((part) => {\n cur.push(part)\n return cur.join('_')\n })\n\n const numParents = parents.length\n\n // proxy fallback values to parent theme values\n return new Proxy(theme, {\n get(target, key) {\n if (key === GetThemeUnwrapped) return theme\n if (numParents && !Reflect.has(target, key)) {\n // check parents\n for (let i = numParents - 1; i >= 0; i--) {\n const parent = themes[parents[i]]\n if (!parent) continue\n if (Reflect.has(parent, key)) {\n return Reflect.get(parent, key)\n }\n }\n }\n return Reflect.get(target, key)\n },\n })\n}\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,OAAS,kBAAAA,EAAgB,cAAAC,MAAkB,uBAC3C,OAAS,qBAAAC,MAAyB,gCAK3B,SAASC,EAAoBC,EAAYC,EAAa,CAC3D,MAAMC,EAAMF,EAAMC,CAAG,EACfE,EAAWF,EACZJ,EAAWK,CAAG,EAObA,EAAI,OAASC,IAEfH,EAAMC,CAAG,EAAIL,EAAe,CAC1B,IAAKM,EAAI,KACT,KAAMC,EACN,IAAKD,EAAI,GACX,CAAC,GAZHF,EAAMC,CAAG,EAAIL,EAAe,CAC1B,IAAKO,EACL,KAAMA,EACN,IAAAD,CACF,CAAC,CAWL,CAEO,SAASE,EACdC,EACAL,EACAM,EACA,CAEA,MAAMC,EAAgB,CAAC,EAGjBC,EAAUH,EACb,MAAM,GAAG,EACT,MAAM,EAAG,EAAE,EACX,IAAKI,IACJF,EAAI,KAAKE,CAAI,EACNF,EAAI,KAAK,GAAG,EACpB,EAEGG,EAAaF,EAAQ,OAG3B,OAAO,IAAI,MAAMR,EAAO,CACtB,IAAIW,EAAQV,EAAK,CACf,GAAIA,IAAQH,EAAmB,OAAOE,EACtC,GAAIU,GAAc,CAAC,QAAQ,IAAIC,EAAQV,CAAG,EAExC,QAASW,EAAIF,EAAa,EAAGE,GAAK,EAAGA,IAAK,CACxC,MAAMC,EAASP,EAAOE,EAAQI,CAAC,CAAC,EAChC,GAAKC,GACD,QAAQ,IAAIA,EAAQZ,CAAG,EACzB,OAAO,QAAQ,IAAIY,EAAQZ,CAAG,CAElC,CAEF,OAAO,QAAQ,IAAIU,EAAQV,CAAG,CAChC,CACF,CAAC,CACH",
|
|
6
|
+
"names": ["createVariable", "isVariable", "GetThemeUnwrapped", "ensureThemeVariable", "theme", "key", "val", "themeKey", "proxyThemeToParents", "themeName", "themes", "cur", "parents", "part", "numParents", "target", "i", "parent"]
|
|
7
7
|
}
|
|
@@ -1,11 +1,2 @@
|
|
|
1
|
-
const
|
|
2
|
-
setTimeout(() => {
|
|
3
|
-
timer.print();
|
|
4
|
-
}, 2e3);
|
|
5
|
-
const time = timer.start({
|
|
6
|
-
quiet: true
|
|
7
|
-
});
|
|
8
|
-
export {
|
|
9
|
-
time
|
|
10
|
-
};
|
|
1
|
+
const t=require("@tamagui/timer").timer();setTimeout(()=>{t.print()},2e3);const e=t.start({quiet:!0});export{e as time};
|
|
11
2
|
//# sourceMappingURL=timer.js.map
|