@tamagui/web 3.0.0-beta.807.1 → 3.0.0-beta.881.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/config.cjs +1 -1
- package/dist/cjs/config.native.cjs +1 -1
- package/dist/cjs/config.native.js +1 -1
- package/dist/cjs/config.native.js.map +1 -1
- package/dist/cjs/createComponent.cjs +40 -19
- package/dist/cjs/createComponent.native.cjs +42 -21
- package/dist/cjs/createComponent.native.js +42 -21
- package/dist/cjs/createComponent.native.js.map +1 -1
- package/dist/cjs/createStyledHOC.cjs +54 -4
- package/dist/cjs/createStyledHOC.native.cjs +55 -4
- package/dist/cjs/createStyledHOC.native.js +55 -4
- package/dist/cjs/createStyledHOC.native.js.map +1 -1
- package/dist/cjs/createTokens.cjs +1 -1
- package/dist/cjs/createTokens.native.cjs +1 -1
- package/dist/cjs/createTokens.native.js +1 -1
- package/dist/cjs/createTokens.native.js.map +1 -1
- package/dist/cjs/createVariable.cjs +0 -10
- package/dist/cjs/createVariable.native.cjs +0 -10
- package/dist/cjs/createVariable.native.js +0 -10
- package/dist/cjs/createVariable.native.js.map +1 -1
- package/dist/cjs/dom/html.cjs +147 -99
- package/dist/cjs/dom/htmlRuntime.native.cjs +6 -2
- package/dist/cjs/dom/htmlRuntime.native.js +6 -2
- package/dist/cjs/dom/htmlRuntime.native.js.map +1 -1
- package/dist/cjs/dom/primitives.native.cjs +16 -13
- package/dist/cjs/dom/primitives.native.js +16 -13
- package/dist/cjs/dom/primitives.native.js.map +1 -1
- package/dist/cjs/helpers/borderComponents.cjs +62 -0
- package/dist/cjs/helpers/borderComponents.native.cjs +82 -0
- package/dist/cjs/helpers/borderComponents.native.js +84 -0
- package/dist/cjs/helpers/borderComponents.native.js.map +1 -0
- package/dist/cjs/helpers/componentDisplayName.cjs +1 -11
- package/dist/cjs/helpers/componentDisplayName.native.cjs +1 -11
- package/dist/cjs/helpers/componentDisplayName.native.js +1 -11
- package/dist/cjs/helpers/componentDisplayName.native.js.map +1 -1
- package/dist/cjs/helpers/createDesignSystem.cjs +0 -2
- package/dist/cjs/helpers/createStyledContext.cjs +10 -18
- package/dist/cjs/helpers/createStyledContext.native.cjs +14 -18
- package/dist/cjs/helpers/createStyledContext.native.js +14 -18
- package/dist/cjs/helpers/createStyledContext.native.js.map +1 -1
- package/dist/cjs/helpers/formatDiagnostic.cjs +8 -10
- package/dist/cjs/helpers/formatDiagnostic.native.cjs +8 -10
- package/dist/cjs/helpers/formatDiagnostic.native.js +8 -10
- package/dist/cjs/helpers/formatDiagnostic.native.js.map +1 -1
- package/dist/cjs/helpers/getCSSStylesAtomic.cjs +133 -114
- package/dist/cjs/helpers/getCSSStylesAtomic.native.cjs +11 -3
- package/dist/cjs/helpers/getCSSStylesAtomic.native.js +11 -3
- package/dist/cjs/helpers/getCSSStylesAtomic.native.js.map +1 -1
- package/dist/cjs/helpers/getCSSStylesAtomicCompiled.cjs +13 -1
- package/dist/cjs/helpers/getCSSStylesAtomicCompiled.native.cjs +15 -1
- package/dist/cjs/helpers/getCSSStylesAtomicCompiled.native.js +15 -1
- package/dist/cjs/helpers/getCSSStylesAtomicCompiled.native.js.map +1 -1
- package/dist/cjs/helpers/getDynamicVal.cjs +5 -1
- package/dist/cjs/helpers/getDynamicVal.native.cjs +5 -1
- package/dist/cjs/helpers/getDynamicVal.native.js +5 -1
- package/dist/cjs/helpers/getDynamicVal.native.js.map +1 -1
- package/dist/cjs/helpers/getSplitStyles.cjs +1063 -2168
- package/dist/cjs/helpers/getSplitStyles.native.cjs +1115 -2515
- package/dist/cjs/helpers/getSplitStyles.native.js +1115 -2515
- package/dist/cjs/helpers/getSplitStyles.native.js.map +1 -1
- package/dist/cjs/helpers/grammarConfig.cjs +163 -1
- package/dist/cjs/helpers/grammarConfig.native.cjs +186 -1
- package/dist/cjs/helpers/grammarConfig.native.js +186 -1
- package/dist/cjs/helpers/grammarConfig.native.js.map +1 -1
- package/dist/cjs/helpers/insertStyleRule.cjs +5 -1
- package/dist/cjs/helpers/insertStyleRule.native.cjs +7 -1
- package/dist/cjs/helpers/insertStyleRule.native.js +7 -1
- package/dist/cjs/helpers/insertStyleRule.native.js.map +1 -1
- package/dist/cjs/helpers/log.cjs +9 -8
- package/dist/cjs/helpers/log.native.cjs +9 -8
- package/dist/cjs/helpers/log.native.js +9 -8
- package/dist/cjs/helpers/log.native.js.map +1 -1
- package/dist/cjs/helpers/mergeVariants.cjs +44 -13
- package/dist/cjs/helpers/mergeVariants.native.cjs +79 -14
- package/dist/cjs/helpers/mergeVariants.native.js +79 -14
- package/dist/cjs/helpers/mergeVariants.native.js.map +1 -1
- package/dist/cjs/helpers/nativeOnlyProps.cjs +0 -1
- package/dist/cjs/helpers/nativeOnlyProps.native.cjs +0 -1
- package/dist/cjs/helpers/nativeOnlyProps.native.js +0 -1
- package/dist/cjs/helpers/nativeOnlyProps.native.js.map +1 -1
- package/dist/cjs/helpers/nativeStyleEngine.cjs +34 -14
- package/dist/cjs/helpers/nativeStyleEngine.native.cjs +36 -14
- package/dist/cjs/helpers/nativeStyleEngine.native.js +36 -14
- package/dist/cjs/helpers/nativeStyleEngine.native.js.map +1 -1
- package/dist/cjs/helpers/normalizeValueWithProperty.cjs +7 -8
- package/dist/cjs/helpers/normalizeValueWithProperty.native.cjs +9 -8
- package/dist/cjs/helpers/normalizeValueWithProperty.native.js +9 -8
- package/dist/cjs/helpers/normalizeValueWithProperty.native.js.map +1 -1
- package/dist/cjs/helpers/parseBorderShorthand.native.cjs +25 -56
- package/dist/cjs/helpers/parseBorderShorthand.native.js +25 -56
- package/dist/cjs/helpers/parseBorderShorthand.native.js.map +1 -1
- package/dist/cjs/helpers/parseOutlineShorthand.native.cjs +9 -49
- package/dist/cjs/helpers/parseOutlineShorthand.native.js +9 -49
- package/dist/cjs/helpers/parseOutlineShorthand.native.js.map +1 -1
- package/dist/cjs/helpers/resolveSafeArea.cjs +35 -100
- package/dist/cjs/helpers/resolveVariantStyle.cjs +57 -0
- package/dist/cjs/helpers/resolveVariantStyle.native.cjs +67 -0
- package/dist/cjs/helpers/resolveVariantStyle.native.js +69 -0
- package/dist/cjs/helpers/resolveVariantStyle.native.js.map +1 -0
- package/dist/cjs/helpers/splitStyleProps.cjs +46 -0
- package/dist/cjs/helpers/splitStyleProps.native.cjs +49 -0
- package/dist/cjs/helpers/splitStyleProps.native.js +51 -0
- package/dist/cjs/helpers/splitStyleProps.native.js.map +1 -0
- package/dist/cjs/helpers/{getDefaultProps.native.cjs → styleStaticConfig.cjs} +7 -8
- package/dist/cjs/helpers/{getDefaultProps.native.js → styleStaticConfig.native.cjs} +7 -8
- package/dist/cjs/helpers/styleStaticConfig.native.js +31 -0
- package/dist/cjs/helpers/styleStaticConfig.native.js.map +1 -0
- package/dist/cjs/helpers/styleStaticConfigCore.cjs +107 -0
- package/dist/cjs/helpers/styleStaticConfigCore.native.cjs +127 -0
- package/dist/cjs/helpers/styleStaticConfigCore.native.js +129 -0
- package/dist/cjs/helpers/styleStaticConfigCore.native.js.map +1 -0
- package/dist/cjs/helpers/styledDynamic.cjs +160 -0
- package/dist/cjs/helpers/styledDynamic.native.cjs +195 -0
- package/dist/cjs/helpers/styledDynamic.native.js +197 -0
- package/dist/cjs/helpers/styledDynamic.native.js.map +1 -0
- package/dist/cjs/helpers/tokenCategories.cjs +12 -74
- package/dist/cjs/helpers/tokenCategories.native.cjs +12 -76
- package/dist/cjs/helpers/tokenCategories.native.js +12 -76
- package/dist/cjs/helpers/tokenCategories.native.js.map +1 -1
- package/dist/cjs/helpers/variableValue.cjs +17 -12
- package/dist/cjs/helpers/variableValue.native.cjs +46 -23
- package/dist/cjs/helpers/variableValue.native.js +46 -23
- package/dist/cjs/helpers/variableValue.native.js.map +1 -1
- package/dist/cjs/helpers/warnOnce.cjs +5 -4
- package/dist/cjs/helpers/warnOnce.native.cjs +6 -4
- package/dist/cjs/helpers/warnOnce.native.js +6 -4
- package/dist/cjs/helpers/warnOnce.native.js.map +1 -1
- package/dist/cjs/hooks/useAnimationDriver.cjs +2 -2
- package/dist/cjs/hooks/useAnimationDriver.native.cjs +2 -2
- package/dist/cjs/hooks/useAnimationDriver.native.js +2 -2
- package/dist/cjs/hooks/useAnimationDriver.native.js.map +1 -1
- package/dist/cjs/hooks/useComponentState.cjs +41 -82
- package/dist/cjs/hooks/useComponentState.native.cjs +45 -84
- package/dist/cjs/hooks/useComponentState.native.js +45 -84
- package/dist/cjs/hooks/useComponentState.native.js.map +1 -1
- package/dist/cjs/hooks/useMedia.cjs +2 -2
- package/dist/cjs/hooks/useMedia.native.cjs +2 -2
- package/dist/cjs/hooks/useMedia.native.js +2 -2
- package/dist/cjs/hooks/useMedia.native.js.map +1 -1
- package/dist/cjs/hooks/useSplitStyles.cjs +2 -2
- package/dist/cjs/hooks/useSplitStyles.native.cjs +2 -2
- package/dist/cjs/hooks/useSplitStyles.native.js +2 -2
- package/dist/cjs/hooks/useSplitStyles.native.js.map +1 -1
- package/dist/cjs/{helpers/getDefaultProps.cjs → hooks/useStyle.cjs} +10 -4
- package/dist/cjs/{helpers/directStyleCSS.native.js → hooks/useStyle.native.cjs} +16 -6
- package/dist/cjs/hooks/useStyle.native.js +34 -0
- package/dist/cjs/hooks/useStyle.native.js.map +1 -0
- package/dist/cjs/hooks/useThemeState.cjs +25 -90
- package/dist/cjs/hooks/useThemeState.native.cjs +34 -94
- package/dist/cjs/hooks/useThemeState.native.js +34 -94
- package/dist/cjs/hooks/useThemeState.native.js.map +1 -1
- package/dist/cjs/index.cjs +9 -12
- package/dist/cjs/index.native.cjs +9 -12
- package/dist/cjs/index.native.js +9 -12
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/internal-runtime.cjs +8 -7
- package/dist/cjs/internal-runtime.native.cjs +8 -7
- package/dist/cjs/internal-runtime.native.js +8 -7
- package/dist/cjs/internal-runtime.native.js.map +1 -1
- package/dist/cjs/static-resolve.cjs +8 -7
- package/dist/cjs/static-resolve.native.cjs +8 -7
- package/dist/cjs/static-resolve.native.js +8 -7
- package/dist/cjs/static-resolve.native.js.map +1 -1
- package/dist/cjs/style.cjs +91 -0
- package/dist/cjs/style.native.cjs +98 -0
- package/dist/cjs/style.native.js +100 -0
- package/dist/cjs/style.native.js.map +1 -0
- package/dist/cjs/styled.cjs +15 -62
- package/dist/cjs/styled.native.cjs +15 -64
- package/dist/cjs/styled.native.js +15 -64
- package/dist/cjs/styled.native.js.map +1 -1
- package/dist/cjs/types.cjs +4 -22
- package/dist/cjs/types.native.cjs +4 -22
- package/dist/cjs/types.native.js +4 -22
- package/dist/cjs/types.native.js.map +1 -1
- package/dist/cjs/views/TamaguiProvider.cjs +1 -2
- package/dist/cjs/views/TamaguiProvider.native.cjs +1 -2
- package/dist/cjs/views/TamaguiProvider.native.js +1 -2
- package/dist/cjs/views/TamaguiProvider.native.js.map +1 -1
- package/dist/cjs/views/Text.cjs +21 -14
- package/dist/cjs/views/Text.native.cjs +5 -2
- package/dist/cjs/views/Text.native.js +5 -2
- package/dist/cjs/views/Text.native.js.map +1 -1
- package/dist/cjs/views/Theme.cjs +2 -2
- package/dist/cjs/views/Theme.native.cjs +2 -2
- package/dist/cjs/views/Theme.native.js +2 -2
- package/dist/cjs/views/Theme.native.js.map +1 -1
- package/dist/cjs/views/ThemeDebug.cjs +1 -4
- package/dist/cjs/views/View.cjs +4 -2
- package/dist/cjs/views/View.native.cjs +4 -2
- package/dist/cjs/views/View.native.js +4 -2
- package/dist/cjs/views/View.native.js.map +1 -1
- package/dist/esm/config.mjs +1 -1
- package/dist/esm/config.mjs.map +1 -1
- package/dist/esm/config.native.js +1 -1
- package/dist/esm/config.native.js.map +1 -1
- package/dist/esm/createComponent.mjs +41 -20
- package/dist/esm/createComponent.mjs.map +1 -1
- package/dist/esm/createComponent.native.js +43 -22
- package/dist/esm/createComponent.native.js.map +1 -1
- package/dist/esm/createStyledHOC.mjs +55 -5
- package/dist/esm/createStyledHOC.mjs.map +1 -1
- package/dist/esm/createStyledHOC.native.js +56 -5
- package/dist/esm/createStyledHOC.native.js.map +1 -1
- package/dist/esm/createTokens.mjs +1 -1
- package/dist/esm/createTokens.mjs.map +1 -1
- package/dist/esm/createTokens.native.js +1 -1
- package/dist/esm/createTokens.native.js.map +1 -1
- package/dist/esm/createVariable.mjs +1 -9
- package/dist/esm/createVariable.mjs.map +1 -1
- package/dist/esm/createVariable.native.js +1 -9
- package/dist/esm/createVariable.native.js.map +1 -1
- package/dist/esm/dom/html.mjs +147 -99
- package/dist/esm/dom/html.mjs.map +1 -1
- package/dist/esm/dom/htmlRuntime.native.js +7 -3
- package/dist/esm/dom/htmlRuntime.native.js.map +1 -1
- package/dist/esm/dom/primitives.native.js +16 -13
- package/dist/esm/dom/primitives.native.js.map +1 -1
- package/dist/esm/helpers/borderComponents.mjs +37 -0
- package/dist/esm/helpers/borderComponents.mjs.map +1 -0
- package/dist/esm/helpers/borderComponents.native.js +55 -0
- package/dist/esm/helpers/borderComponents.native.js.map +1 -0
- package/dist/esm/helpers/componentDisplayName.mjs +1 -8
- package/dist/esm/helpers/componentDisplayName.mjs.map +1 -1
- package/dist/esm/helpers/componentDisplayName.native.js +1 -8
- package/dist/esm/helpers/componentDisplayName.native.js.map +1 -1
- package/dist/esm/helpers/createDesignSystem.mjs +0 -2
- package/dist/esm/helpers/createDesignSystem.mjs.map +1 -1
- package/dist/esm/helpers/createStyledContext.mjs +10 -18
- package/dist/esm/helpers/createStyledContext.mjs.map +1 -1
- package/dist/esm/helpers/createStyledContext.native.js +14 -18
- package/dist/esm/helpers/createStyledContext.native.js.map +1 -1
- package/dist/esm/helpers/formatDiagnostic.mjs +8 -10
- package/dist/esm/helpers/formatDiagnostic.mjs.map +1 -1
- package/dist/esm/helpers/formatDiagnostic.native.js +8 -10
- package/dist/esm/helpers/formatDiagnostic.native.js.map +1 -1
- package/dist/esm/helpers/getCSSStylesAtomic.mjs +131 -114
- package/dist/esm/helpers/getCSSStylesAtomic.mjs.map +1 -1
- package/dist/esm/helpers/getCSSStylesAtomic.native.js +7 -4
- package/dist/esm/helpers/getCSSStylesAtomic.native.js.map +1 -1
- package/dist/esm/helpers/getCSSStylesAtomicCompiled.mjs +8 -1
- package/dist/esm/helpers/getCSSStylesAtomicCompiled.mjs.map +1 -1
- package/dist/esm/helpers/getCSSStylesAtomicCompiled.native.js +10 -1
- package/dist/esm/helpers/getCSSStylesAtomicCompiled.native.js.map +1 -1
- package/dist/esm/helpers/getDynamicVal.mjs +5 -1
- package/dist/esm/helpers/getDynamicVal.mjs.map +1 -1
- package/dist/esm/helpers/getDynamicVal.native.js +5 -1
- package/dist/esm/helpers/getDynamicVal.native.js.map +1 -1
- package/dist/esm/helpers/getSplitStyles.mjs +1052 -2151
- package/dist/esm/helpers/getSplitStyles.mjs.map +1 -1
- package/dist/esm/helpers/getSplitStyles.native.js +1090 -2481
- package/dist/esm/helpers/getSplitStyles.native.js.map +1 -1
- package/dist/esm/helpers/grammarConfig.mjs +164 -2
- package/dist/esm/helpers/grammarConfig.mjs.map +1 -1
- package/dist/esm/helpers/grammarConfig.native.js +187 -2
- package/dist/esm/helpers/grammarConfig.native.js.map +1 -1
- package/dist/esm/helpers/insertStyleRule.mjs +5 -2
- package/dist/esm/helpers/insertStyleRule.mjs.map +1 -1
- package/dist/esm/helpers/insertStyleRule.native.js +7 -2
- package/dist/esm/helpers/insertStyleRule.native.js.map +1 -1
- package/dist/esm/helpers/log.mjs +9 -8
- package/dist/esm/helpers/log.mjs.map +1 -1
- package/dist/esm/helpers/log.native.js +9 -8
- package/dist/esm/helpers/log.native.js.map +1 -1
- package/dist/esm/helpers/mergeVariants.mjs +44 -13
- package/dist/esm/helpers/mergeVariants.mjs.map +1 -1
- package/dist/esm/helpers/mergeVariants.native.js +79 -14
- package/dist/esm/helpers/mergeVariants.native.js.map +1 -1
- package/dist/esm/helpers/nativeOnlyProps.mjs +0 -1
- package/dist/esm/helpers/nativeOnlyProps.mjs.map +1 -1
- package/dist/esm/helpers/nativeOnlyProps.native.js +0 -1
- package/dist/esm/helpers/nativeOnlyProps.native.js.map +1 -1
- package/dist/esm/helpers/nativeStyleEngine.mjs +34 -15
- package/dist/esm/helpers/nativeStyleEngine.mjs.map +1 -1
- package/dist/esm/helpers/nativeStyleEngine.native.js +36 -15
- package/dist/esm/helpers/nativeStyleEngine.native.js.map +1 -1
- package/dist/esm/helpers/normalizeValueWithProperty.mjs +7 -8
- package/dist/esm/helpers/normalizeValueWithProperty.mjs.map +1 -1
- package/dist/esm/helpers/normalizeValueWithProperty.native.js +9 -8
- package/dist/esm/helpers/normalizeValueWithProperty.native.js.map +1 -1
- package/dist/esm/helpers/parseBorderShorthand.native.js +23 -56
- package/dist/esm/helpers/parseBorderShorthand.native.js.map +1 -1
- package/dist/esm/helpers/parseOutlineShorthand.native.js +10 -49
- package/dist/esm/helpers/parseOutlineShorthand.native.js.map +1 -1
- package/dist/esm/helpers/resolveSafeArea.mjs +35 -97
- package/dist/esm/helpers/resolveSafeArea.mjs.map +1 -1
- package/dist/esm/helpers/resolveVariantStyle.mjs +38 -0
- package/dist/esm/helpers/resolveVariantStyle.mjs.map +1 -0
- package/dist/esm/helpers/resolveVariantStyle.native.js +46 -0
- package/dist/esm/helpers/resolveVariantStyle.native.js.map +1 -0
- package/dist/esm/helpers/splitStyleProps.mjs +27 -0
- package/dist/esm/helpers/splitStyleProps.mjs.map +1 -0
- package/dist/esm/helpers/splitStyleProps.native.js +28 -0
- package/dist/esm/helpers/splitStyleProps.native.js.map +1 -0
- package/dist/esm/helpers/styleStaticConfig.mjs +8 -0
- package/dist/esm/helpers/styleStaticConfig.mjs.map +1 -0
- package/dist/esm/helpers/styleStaticConfig.native.js +8 -0
- package/dist/esm/helpers/styleStaticConfig.native.js.map +1 -0
- package/dist/esm/helpers/styleStaticConfigCore.mjs +88 -0
- package/dist/esm/helpers/styleStaticConfigCore.mjs.map +1 -0
- package/dist/esm/helpers/styleStaticConfigCore.native.js +106 -0
- package/dist/esm/helpers/styleStaticConfigCore.native.js.map +1 -0
- package/dist/esm/helpers/styledDynamic.mjs +136 -0
- package/dist/esm/helpers/styledDynamic.mjs.map +1 -0
- package/dist/esm/helpers/styledDynamic.native.js +169 -0
- package/dist/esm/helpers/styledDynamic.native.js.map +1 -0
- package/dist/esm/helpers/tokenCategories.mjs +12 -72
- package/dist/esm/helpers/tokenCategories.mjs.map +1 -1
- package/dist/esm/helpers/tokenCategories.native.js +12 -74
- package/dist/esm/helpers/tokenCategories.native.js.map +1 -1
- package/dist/esm/helpers/variableValue.mjs +17 -12
- package/dist/esm/helpers/variableValue.mjs.map +1 -1
- package/dist/esm/helpers/variableValue.native.js +46 -23
- package/dist/esm/helpers/variableValue.native.js.map +1 -1
- package/dist/esm/helpers/warnOnce.mjs +5 -4
- package/dist/esm/helpers/warnOnce.mjs.map +1 -1
- package/dist/esm/helpers/warnOnce.native.js +6 -4
- package/dist/esm/helpers/warnOnce.native.js.map +1 -1
- package/dist/esm/hooks/useAnimationDriver.mjs +2 -2
- package/dist/esm/hooks/useAnimationDriver.mjs.map +1 -1
- package/dist/esm/hooks/useAnimationDriver.native.js +2 -2
- package/dist/esm/hooks/useAnimationDriver.native.js.map +1 -1
- package/dist/esm/hooks/useComponentState.mjs +41 -82
- package/dist/esm/hooks/useComponentState.mjs.map +1 -1
- package/dist/esm/hooks/useComponentState.native.js +45 -84
- package/dist/esm/hooks/useComponentState.native.js.map +1 -1
- package/dist/esm/hooks/useMedia.mjs +2 -2
- package/dist/esm/hooks/useMedia.mjs.map +1 -1
- package/dist/esm/hooks/useMedia.native.js +2 -2
- package/dist/esm/hooks/useMedia.native.js.map +1 -1
- package/dist/esm/hooks/useSplitStyles.mjs +2 -2
- package/dist/esm/hooks/useSplitStyles.mjs.map +1 -1
- package/dist/esm/hooks/useSplitStyles.native.js +2 -2
- package/dist/esm/hooks/useSplitStyles.native.js.map +1 -1
- package/dist/esm/hooks/useStyle.mjs +11 -0
- package/dist/esm/hooks/useStyle.mjs.map +1 -0
- package/dist/esm/hooks/useStyle.native.js +11 -0
- package/dist/esm/hooks/useStyle.native.js.map +1 -0
- package/dist/esm/hooks/useThemeState.mjs +25 -90
- package/dist/esm/hooks/useThemeState.mjs.map +1 -1
- package/dist/esm/hooks/useThemeState.native.js +34 -94
- package/dist/esm/hooks/useThemeState.native.js.map +1 -1
- package/dist/esm/index.js +8 -8
- package/dist/esm/index.mjs +8 -8
- package/dist/esm/index.native.js +8 -8
- package/dist/esm/internal-runtime.mjs +8 -7
- package/dist/esm/internal-runtime.mjs.map +1 -1
- package/dist/esm/internal-runtime.native.js +8 -7
- package/dist/esm/internal-runtime.native.js.map +1 -1
- package/dist/esm/static-resolve.mjs +11 -9
- package/dist/esm/static-resolve.mjs.map +1 -1
- package/dist/esm/static-resolve.native.js +11 -9
- package/dist/esm/static-resolve.native.js.map +1 -1
- package/dist/esm/style.mjs +58 -0
- package/dist/esm/style.mjs.map +1 -0
- package/dist/esm/style.native.js +63 -0
- package/dist/esm/style.native.js.map +1 -0
- package/dist/esm/styled.mjs +17 -62
- package/dist/esm/styled.mjs.map +1 -1
- package/dist/esm/styled.native.js +17 -64
- package/dist/esm/styled.native.js.map +1 -1
- package/dist/esm/types.mjs +3 -21
- package/dist/esm/types.mjs.map +1 -1
- package/dist/esm/types.native.js +3 -21
- package/dist/esm/types.native.js.map +1 -1
- package/dist/esm/views/TamaguiProvider.mjs +1 -2
- package/dist/esm/views/TamaguiProvider.mjs.map +1 -1
- package/dist/esm/views/TamaguiProvider.native.js +1 -2
- package/dist/esm/views/TamaguiProvider.native.js.map +1 -1
- package/dist/esm/views/Text.mjs +21 -14
- package/dist/esm/views/Text.mjs.map +1 -1
- package/dist/esm/views/Text.native.js +4 -2
- package/dist/esm/views/Text.native.js.map +1 -1
- package/dist/esm/views/Theme.mjs +2 -2
- package/dist/esm/views/Theme.mjs.map +1 -1
- package/dist/esm/views/Theme.native.js +2 -2
- package/dist/esm/views/Theme.native.js.map +1 -1
- package/dist/esm/views/ThemeDebug.mjs +1 -4
- package/dist/esm/views/ThemeDebug.mjs.map +1 -1
- package/dist/esm/views/View.mjs +4 -2
- package/dist/esm/views/View.mjs.map +1 -1
- package/dist/esm/views/View.native.js +4 -2
- package/dist/esm/views/View.native.js.map +1 -1
- package/package.json +15 -15
- package/src/config.ts +1 -1
- package/src/createComponent.tsx +62 -31
- package/src/createStyledHOC.tsx +56 -9
- package/src/createTokens.ts +1 -1
- package/src/createVariable.ts +0 -10
- package/src/dom/html.tsx +778 -877
- package/src/dom/htmlRuntime.native.tsx +7 -3
- package/src/dom/primitives.native.tsx +30 -39
- package/src/helpers/borderComponents.ts +62 -0
- package/src/helpers/componentDisplayName.ts +0 -11
- package/src/helpers/createDesignSystem.ts +0 -2
- package/src/helpers/createStyledContext.tsx +15 -53
- package/src/helpers/formatDiagnostic.ts +11 -13
- package/src/helpers/getCSSStylesAtomic.native.ts +6 -3
- package/src/helpers/getCSSStylesAtomic.ts +197 -206
- package/src/helpers/getCSSStylesAtomicCompiled.ts +13 -1
- package/src/helpers/getDynamicVal.ts +4 -0
- package/src/helpers/getSplitStyles.tsx +2058 -4052
- package/src/helpers/grammarConfig.ts +218 -1
- package/src/helpers/insertStyleRule.tsx +4 -2
- package/src/helpers/log.ts +12 -11
- package/src/helpers/mergeVariants.ts +55 -18
- package/src/helpers/nativeOnlyProps.ts +0 -1
- package/src/helpers/nativeStyleEngine.ts +55 -14
- package/src/helpers/normalizeValueWithProperty.ts +10 -12
- package/src/helpers/parseBorderShorthand.native.ts +23 -45
- package/src/helpers/parseOutlineShorthand.native.ts +9 -40
- package/src/helpers/resolveSafeArea.ts +34 -101
- package/src/helpers/resolveVariantStyle.ts +77 -0
- package/src/helpers/splitStyleProps.ts +166 -0
- package/src/helpers/styleFrontend.ts +16 -9
- package/src/helpers/styleStaticConfig.ts +21 -0
- package/src/helpers/styleStaticConfigCore.ts +110 -0
- package/src/helpers/styledDynamic.ts +191 -0
- package/src/helpers/tokenCategories.ts +32 -88
- package/src/helpers/variableValue.ts +20 -15
- package/src/helpers/warnOnce.ts +5 -4
- package/src/hooks/useAnimationDriver.ts +6 -2
- package/src/hooks/useComponentState.ts +55 -183
- package/src/hooks/useMedia.tsx +10 -8
- package/src/hooks/useSplitStyles.tsx +17 -2
- package/src/hooks/useStyle.ts +10 -0
- package/src/hooks/useTheme.tsx +1 -1
- package/src/hooks/useThemeState.ts +51 -264
- package/src/index.ts +14 -10
- package/src/internal-runtime.ts +10 -9
- package/src/internalRuntimeTypes.ts +1 -0
- package/src/static-resolve.ts +25 -18
- package/src/style.ts +97 -0
- package/src/styled.tsx +46 -332
- package/src/types.tsx +107 -192
- package/src/views/TamaguiProvider.tsx +0 -2
- package/src/views/Text.tsx +26 -21
- package/src/views/Theme.tsx +10 -8
- package/src/views/ThemeDebug.tsx +0 -1
- package/src/views/View.tsx +6 -7
- package/types/createComponent.d.ts.map +1 -1
- package/types/createStyledHOC.d.ts.map +1 -1
- package/types/createVariable.d.ts +0 -2
- package/types/createVariable.d.ts.map +1 -1
- package/types/dom/html.d.ts.map +1 -1
- package/types/dom/htmlRuntime.native.d.ts.map +1 -1
- package/types/dom/primitives.native.d.ts.map +1 -1
- package/types/helpers/borderComponents.d.ts +10 -0
- package/types/helpers/borderComponents.d.ts.map +1 -0
- package/types/helpers/componentDisplayName.d.ts +0 -3
- package/types/helpers/componentDisplayName.d.ts.map +1 -1
- package/types/helpers/createDesignSystem.d.ts.map +1 -1
- package/types/helpers/createStyledContext.d.ts.map +1 -1
- package/types/helpers/formatDiagnostic.d.ts.map +1 -1
- package/types/helpers/getCSSStylesAtomic.d.ts +25 -22
- package/types/helpers/getCSSStylesAtomic.d.ts.map +1 -1
- package/types/helpers/getCSSStylesAtomic.native.d.ts +5 -0
- package/types/helpers/getCSSStylesAtomic.native.d.ts.map +1 -1
- package/types/helpers/getCSSStylesAtomicCompiled.d.ts +6 -1
- package/types/helpers/getCSSStylesAtomicCompiled.d.ts.map +1 -1
- package/types/helpers/getDynamicVal.d.ts.map +1 -1
- package/types/helpers/getSplitStyles.d.ts +9 -11
- package/types/helpers/getSplitStyles.d.ts.map +1 -1
- package/types/helpers/grammarConfig.d.ts +25 -2
- package/types/helpers/grammarConfig.d.ts.map +1 -1
- package/types/helpers/insertStyleRule.d.ts +1 -0
- package/types/helpers/insertStyleRule.d.ts.map +1 -1
- package/types/helpers/log.d.ts.map +1 -1
- package/types/helpers/mergeVariants.d.ts.map +1 -1
- package/types/helpers/nativeOnlyProps.d.ts +0 -1
- package/types/helpers/nativeOnlyProps.d.ts.map +1 -1
- package/types/helpers/nativeStyleEngine.d.ts +6 -0
- package/types/helpers/nativeStyleEngine.d.ts.map +1 -1
- package/types/helpers/normalizeValueWithProperty.d.ts.map +1 -1
- package/types/helpers/parseBorderShorthand.native.d.ts +1 -0
- package/types/helpers/parseBorderShorthand.native.d.ts.map +1 -1
- package/types/helpers/parseOutlineShorthand.native.d.ts.map +1 -1
- package/types/helpers/resolveSafeArea.d.ts +0 -1
- package/types/helpers/resolveSafeArea.d.ts.map +1 -1
- package/types/helpers/resolveVariantStyle.d.ts +3 -0
- package/types/helpers/resolveVariantStyle.d.ts.map +1 -0
- package/types/helpers/splitStyleProps.d.ts +44 -0
- package/types/helpers/splitStyleProps.d.ts.map +1 -0
- package/types/helpers/styleFrontend.d.ts +7 -9
- package/types/helpers/styleFrontend.d.ts.map +1 -1
- package/types/helpers/styleStaticConfig.d.ts +14 -0
- package/types/helpers/styleStaticConfig.d.ts.map +1 -0
- package/types/helpers/styleStaticConfigCore.d.ts +4 -0
- package/types/helpers/styleStaticConfigCore.d.ts.map +1 -0
- package/types/helpers/styledDynamic.d.ts +18 -0
- package/types/helpers/styledDynamic.d.ts.map +1 -0
- package/types/helpers/tokenCategories.d.ts +0 -1
- package/types/helpers/tokenCategories.d.ts.map +1 -1
- package/types/helpers/variableValue.d.ts.map +1 -1
- package/types/helpers/warnOnce.d.ts.map +1 -1
- package/types/helpers/webPropsToSkip.native.d.ts +68 -68
- package/types/hooks/useAnimationDriver.d.ts.map +1 -1
- package/types/hooks/useComponentState.d.ts.map +1 -1
- package/types/hooks/useMedia.d.ts.map +1 -1
- package/types/hooks/useSplitStyles.d.ts.map +1 -1
- package/types/hooks/useStyle.d.ts +4 -0
- package/types/hooks/useStyle.d.ts.map +1 -0
- package/types/hooks/useThemeState.d.ts +1 -11
- package/types/hooks/useThemeState.d.ts.map +1 -1
- package/types/index.d.ts +8 -8
- package/types/index.d.ts.map +1 -1
- package/types/internal-runtime.d.ts.map +1 -1
- package/types/internalRuntimeTypes.d.ts +1 -1
- package/types/internalRuntimeTypes.d.ts.map +1 -1
- package/types/static-resolve.d.ts +2 -2
- package/types/static-resolve.d.ts.map +1 -1
- package/types/style.d.ts +18 -0
- package/types/style.d.ts.map +1 -0
- package/types/styled.d.ts +12 -48
- package/types/styled.d.ts.map +1 -1
- package/types/types.d.ts +75 -60
- package/types/types.d.ts.map +1 -1
- package/types/views/TamaguiProvider.d.ts +1 -1
- package/types/views/TamaguiProvider.d.ts.map +1 -1
- package/types/views/Text.d.ts.map +1 -1
- package/types/views/Theme.d.ts.map +1 -1
- package/types/views/ThemeDebug.d.ts.map +1 -1
- package/types/views/View.d.ts.map +1 -1
- package/dist/cjs/helpers/directStyleCSS.cjs +0 -348
- package/dist/cjs/helpers/directStyleCSS.native.cjs +0 -20
- package/dist/cjs/helpers/directStyleCSS.native.js.map +0 -1
- package/dist/cjs/helpers/directStyleCSSCompiled.cjs +0 -40
- package/dist/cjs/helpers/directStyleCSSCompiled.native.cjs +0 -46
- package/dist/cjs/helpers/directStyleCSSCompiled.native.js +0 -48
- package/dist/cjs/helpers/directStyleCSSCompiled.native.js.map +0 -1
- package/dist/cjs/helpers/getDefaultProps.native.js.map +0 -1
- package/dist/cjs/helpers/getVariantExtras.cjs +0 -91
- package/dist/cjs/helpers/getVariantExtras.native.cjs +0 -94
- package/dist/cjs/helpers/getVariantExtras.native.js +0 -96
- package/dist/cjs/helpers/getVariantExtras.native.js.map +0 -1
- package/dist/cjs/helpers/themeable.cjs +0 -92
- package/dist/cjs/helpers/themeable.native.cjs +0 -95
- package/dist/cjs/helpers/themeable.native.js +0 -97
- package/dist/cjs/helpers/themeable.native.js.map +0 -1
- package/dist/cjs/hooks/useProps.cjs +0 -129
- package/dist/cjs/hooks/useProps.native.cjs +0 -135
- package/dist/cjs/hooks/useProps.native.js +0 -137
- package/dist/cjs/hooks/useProps.native.js.map +0 -1
- package/dist/esm/helpers/directStyleCSS.mjs +0 -320
- package/dist/esm/helpers/directStyleCSS.mjs.map +0 -1
- package/dist/esm/helpers/directStyleCSS.native.js +0 -1
- package/dist/esm/helpers/directStyleCSSCompiled.mjs +0 -11
- package/dist/esm/helpers/directStyleCSSCompiled.mjs.map +0 -1
- package/dist/esm/helpers/directStyleCSSCompiled.native.js +0 -15
- package/dist/esm/helpers/directStyleCSSCompiled.native.js.map +0 -1
- package/dist/esm/helpers/getDefaultProps.mjs +0 -4
- package/dist/esm/helpers/getDefaultProps.mjs.map +0 -1
- package/dist/esm/helpers/getDefaultProps.native.js +0 -6
- package/dist/esm/helpers/getDefaultProps.native.js.map +0 -1
- package/dist/esm/helpers/getVariantExtras.mjs +0 -69
- package/dist/esm/helpers/getVariantExtras.mjs.map +0 -1
- package/dist/esm/helpers/getVariantExtras.native.js +0 -70
- package/dist/esm/helpers/getVariantExtras.native.js.map +0 -1
- package/dist/esm/helpers/themeable.mjs +0 -67
- package/dist/esm/helpers/themeable.mjs.map +0 -1
- package/dist/esm/helpers/themeable.native.js +0 -68
- package/dist/esm/helpers/themeable.native.js.map +0 -1
- package/dist/esm/hooks/useProps.mjs +0 -100
- package/dist/esm/hooks/useProps.mjs.map +0 -1
- package/dist/esm/hooks/useProps.native.js +0 -104
- package/dist/esm/hooks/useProps.native.js.map +0 -1
- package/src/helpers/directStyleCSS.native.ts +0 -1
- package/src/helpers/directStyleCSS.ts +0 -534
- package/src/helpers/directStyleCSSCompiled.ts +0 -32
- package/src/helpers/getDefaultProps.ts +0 -3
- package/src/helpers/getVariantExtras.tsx +0 -95
- package/src/helpers/themeable.tsx +0 -96
- package/src/hooks/useProps.tsx +0 -186
- package/types/helpers/directStyleCSS.d.ts +0 -28
- package/types/helpers/directStyleCSS.d.ts.map +0 -1
- package/types/helpers/directStyleCSS.native.d.ts +0 -2
- package/types/helpers/directStyleCSS.native.d.ts.map +0 -1
- package/types/helpers/directStyleCSSCompiled.d.ts +0 -10
- package/types/helpers/directStyleCSSCompiled.d.ts.map +0 -1
- package/types/helpers/getDefaultProps.d.ts +0 -3
- package/types/helpers/getDefaultProps.d.ts.map +0 -1
- package/types/helpers/getVariantExtras.d.ts +0 -4
- package/types/helpers/getVariantExtras.d.ts.map +0 -1
- package/types/helpers/themeable.d.ts +0 -3
- package/types/helpers/themeable.d.ts.map +0 -1
- package/types/hooks/useProps.d.ts +0 -39
- package/types/hooks/useProps.d.ts.map +0 -1
|
@@ -37,7 +37,6 @@ module.exports = __toCommonJS(useThemeState_exports);
|
|
|
37
37
|
var import_constants = require("@tamagui/constants");
|
|
38
38
|
var import_react = require("react");
|
|
39
39
|
var import_config = require("../config.cjs");
|
|
40
|
-
var import_formatDiagnostic = require("../helpers/formatDiagnostic.cjs");
|
|
41
40
|
var import_constants2 = require("../constants/constants.cjs");
|
|
42
41
|
const ThemeStateContext = (0, import_react.createContext)("");
|
|
43
42
|
const allListeners = /* @__PURE__ */ new Map();
|
|
@@ -91,7 +90,7 @@ Looked for theme${props.name ? ` "${props.name}"` : ""}, but no parent theme con
|
|
|
91
90
|
const propsKey = getPropsKey(props);
|
|
92
91
|
if (cascadeOnChange) registerThemeProviderChain(id, parentId, props);
|
|
93
92
|
const ref = (0, import_react.useRef)(null);
|
|
94
|
-
|
|
93
|
+
const r = ref.current ||= {
|
|
95
94
|
id,
|
|
96
95
|
parentId,
|
|
97
96
|
props,
|
|
@@ -102,21 +101,17 @@ Looked for theme${props.name ? ` "${props.name}"` : ""}, but no parent theme con
|
|
|
102
101
|
optimizeForFirstRender,
|
|
103
102
|
renderVersion: 0
|
|
104
103
|
};
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
}
|
|
113
|
-
ref.current.renderVersion++;
|
|
114
|
-
if (process.env.NODE_ENV === "development" && globalThis.time) globalThis.time`theme-prep-uses`;
|
|
104
|
+
r.props = props;
|
|
105
|
+
r.propsKey = propsKey;
|
|
106
|
+
r.isRoot = isRoot;
|
|
107
|
+
r.keys = keys;
|
|
108
|
+
r.schemeKeys = schemeKeys;
|
|
109
|
+
r.parentId = parentId;
|
|
110
|
+
r.renderVersion++;
|
|
115
111
|
const [, forceUpdate] = (0, import_react.useReducer)(incReducer, 0);
|
|
116
|
-
const state = getSnapshotImpl(
|
|
117
|
-
|
|
112
|
+
const state = getSnapshotImpl(r);
|
|
113
|
+
r.lastSnap = state;
|
|
118
114
|
(0, import_react.useEffect)(() => {
|
|
119
|
-
const r = ref.current;
|
|
120
115
|
const renderVersion = r.renderVersion;
|
|
121
116
|
if (r.lastSnap && !states.has(r.id)) {
|
|
122
117
|
states.set(r.id, r.lastSnap);
|
|
@@ -136,8 +131,7 @@ Looked for theme${props.name ? ` "${props.name}"` : ""}, but no parent theme con
|
|
|
136
131
|
forceUpdate();
|
|
137
132
|
}
|
|
138
133
|
};
|
|
139
|
-
listenersByParent[pid]
|
|
140
|
-
listenersByParent[pid].add(sid);
|
|
134
|
+
(listenersByParent[pid] ||= /* @__PURE__ */ new Set()).add(sid);
|
|
141
135
|
allListeners.set(sid, () => {
|
|
142
136
|
const forced = shouldForce;
|
|
143
137
|
PendingUpdate.set(sid, forced ? "force" : true);
|
|
@@ -169,13 +163,12 @@ Looked for theme${props.name ? ` "${props.name}"` : ""}, but no parent theme con
|
|
|
169
163
|
HadTheme.set(keys, false);
|
|
170
164
|
return;
|
|
171
165
|
}
|
|
172
|
-
if (process.env.NODE_ENV === "development" && props.debug === "verbose") console.warn(` \xB7 useTheme(${id}) scheduleUpdate`, propsKey, states.get(id)?.name);
|
|
173
166
|
scheduleUpdate(id);
|
|
174
167
|
HadTheme.set(keys, true);
|
|
175
168
|
}, [keys, propsKey]);
|
|
176
169
|
return state;
|
|
177
170
|
};
|
|
178
|
-
const shouldSubscribeToTheme = (r, cascadeOnChange) => r.optimizeForFirstRender || r.isRoot || cascadeOnChange || hasThemeUpdatingProps(r.props) ||
|
|
171
|
+
const shouldSubscribeToTheme = (r, cascadeOnChange) => Boolean(r.optimizeForFirstRender || r.isRoot || cascadeOnChange || hasThemeUpdatingProps(r.props) || r.keys.current?.size || r.props.needsUpdate?.());
|
|
179
172
|
function cleanupThemeSubscription(r) {
|
|
180
173
|
r.unsubscribe?.();
|
|
181
174
|
}
|
|
@@ -197,12 +190,8 @@ const getSnapshotImpl = (r) => {
|
|
|
197
190
|
if (parentState && local._parentName === parentState.name && local._propsKey === propsKey) return local;
|
|
198
191
|
}
|
|
199
192
|
const isSchemeOnlyChange = !optimizeForFirstRender && false;
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
const keysSize = keys.current?.size ?? 0;
|
|
203
|
-
allKeysSchemeOptimized = (schemeKeys?.current?.size ?? 0) === keysSize && keysSize > 0;
|
|
204
|
-
}
|
|
205
|
-
const canSkipForSchemeChange = !!isSchemeOnlyChange && allKeysSchemeOptimized;
|
|
193
|
+
const allKeysSchemeOptimized = !optimizeForFirstRender && Boolean(keys.current?.size && schemeKeys?.current?.size === keys.current.size);
|
|
194
|
+
const canSkipForSchemeChange = Boolean(isSchemeOnlyChange && allKeysSchemeOptimized);
|
|
206
195
|
const needsUpdate = props.passThrough ? false : optimizeForFirstRender ? true : isRoot || props.name === "light" || props.name === "dark" || props.name === null ? true : !HasRenderedOnce.get(keys) ? true : canSkipForSchemeChange ? false : keys?.current?.size ? true : props.needsUpdate?.();
|
|
207
196
|
const [rerender, nextRaw] = getNextState(local, props, propsKey, isRoot, id, parentId, needsUpdate, PendingUpdate.get(id));
|
|
208
197
|
let next = nextRaw;
|
|
@@ -219,22 +208,6 @@ const getSnapshotImpl = (r) => {
|
|
|
219
208
|
local = { ...next };
|
|
220
209
|
localStates.set(id, local);
|
|
221
210
|
}
|
|
222
|
-
if (process.env.NODE_ENV === "development" && props.debug === "verbose") {
|
|
223
|
-
console.groupCollapsed(` ${id} getSnapshot ${rerender}`, local.name, ">", next.name);
|
|
224
|
-
console.info({
|
|
225
|
-
props,
|
|
226
|
-
propsKey,
|
|
227
|
-
isRoot,
|
|
228
|
-
parentId,
|
|
229
|
-
local,
|
|
230
|
-
next,
|
|
231
|
-
needsUpdate,
|
|
232
|
-
isSchemeOnlyChange,
|
|
233
|
-
allKeysSchemeOptimized,
|
|
234
|
-
canSkipForSchemeChange
|
|
235
|
-
});
|
|
236
|
-
console.groupEnd();
|
|
237
|
-
}
|
|
238
211
|
if (next !== local) {
|
|
239
212
|
Object.assign(local, next);
|
|
240
213
|
local.id = id;
|
|
@@ -245,27 +218,12 @@ const getSnapshotImpl = (r) => {
|
|
|
245
218
|
return local;
|
|
246
219
|
};
|
|
247
220
|
const getNextState = (lastState, props, propsKey, isRoot = false, id, parentId, needsUpdate, pendingUpdate) => {
|
|
248
|
-
const { debug } = props;
|
|
249
221
|
const parentState = states.get(parentId);
|
|
250
222
|
if (props.passThrough) return [false, lastState || parentState || { name: "" }];
|
|
251
|
-
|
|
252
|
-
const name = !propsKey && (!lastState || !lastState
|
|
253
|
-
const isSameAsParent = parentState && (!name || name === parentState.name);
|
|
223
|
+
themes ||= (0, import_config.getConfig)().themes;
|
|
224
|
+
const name = !propsKey && (!lastState || !lastState.isNew) ? null : getNewThemeName(parentState?.name, props, pendingUpdate === "force" ? true : !!needsUpdate);
|
|
225
|
+
const isSameAsParent = Boolean(parentState && (!name || name === parentState.name));
|
|
254
226
|
const shouldRerender = Boolean(pendingUpdate === "force" || needsUpdate && (pendingUpdate || lastState?.name !== parentState?.name));
|
|
255
|
-
if (process.env.NODE_ENV === "development" && debug === "verbose") {
|
|
256
|
-
const message = ` \xB7 useTheme(${id}) getNextState => ${name} needsUpdate ${needsUpdate} shouldRerender ${shouldRerender}`;
|
|
257
|
-
console.groupCollapsed(message);
|
|
258
|
-
console.trace({
|
|
259
|
-
name,
|
|
260
|
-
lastState,
|
|
261
|
-
parentState,
|
|
262
|
-
props,
|
|
263
|
-
propsKey,
|
|
264
|
-
id,
|
|
265
|
-
isSameAsParent
|
|
266
|
-
});
|
|
267
|
-
console.groupEnd();
|
|
268
|
-
}
|
|
269
227
|
if (isSameAsParent) {
|
|
270
228
|
if (!shouldRerender && lastState && lastState.name === parentState.name) return [false, lastState];
|
|
271
229
|
return [shouldRerender, {
|
|
@@ -284,7 +242,7 @@ const getNextState = (lastState, props, propsKey, isRoot = false, id, parentId,
|
|
|
284
242
|
}
|
|
285
243
|
const scheme = getScheme(name);
|
|
286
244
|
const parentInverses = parentState?.inverses ?? 0;
|
|
287
|
-
const isInverse = parentState && scheme !== parentState.scheme;
|
|
245
|
+
const isInverse = Boolean(parentState && scheme !== parentState.scheme);
|
|
288
246
|
const inverses = parentInverses + (isInverse ? 1 : 0);
|
|
289
247
|
const nextState = {
|
|
290
248
|
id,
|
|
@@ -299,19 +257,7 @@ const getNextState = (lastState, props, propsKey, isRoot = false, id, parentId,
|
|
|
299
257
|
};
|
|
300
258
|
if (isRoot) rootThemeState = nextState;
|
|
301
259
|
if (pendingUpdate !== "force" && lastState && lastState.name === name) return [false, nextState];
|
|
302
|
-
|
|
303
|
-
if (process.env.NODE_ENV === "development" && debug === "verbose") {
|
|
304
|
-
console.groupCollapsed(` \xB7 useTheme(${id}) \u23ED\uFE0F ${name} shouldAvoidRerender: ${shouldAvoidRerender}`);
|
|
305
|
-
console.info({
|
|
306
|
-
lastState,
|
|
307
|
-
needsUpdate,
|
|
308
|
-
nextState,
|
|
309
|
-
pendingUpdate
|
|
310
|
-
});
|
|
311
|
-
console.groupEnd();
|
|
312
|
-
}
|
|
313
|
-
if (shouldAvoidRerender) return [false, nextState];
|
|
314
|
-
return [true, nextState];
|
|
260
|
+
return [!(pendingUpdate !== "force" && lastState && !needsUpdate && nextState.name === lastState.name), nextState];
|
|
315
261
|
};
|
|
316
262
|
function scheduleUpdate(id) {
|
|
317
263
|
const queue = [id];
|
|
@@ -337,12 +283,8 @@ function getScheme(name) {
|
|
|
337
283
|
return validSchemes[name.split("_")[0]];
|
|
338
284
|
}
|
|
339
285
|
function getNewThemeName(parentName = "", props, forceUpdate = false) {
|
|
340
|
-
const { name
|
|
341
|
-
|
|
342
|
-
name,
|
|
343
|
-
reset
|
|
344
|
-
}));
|
|
345
|
-
const cacheKey = `${parentName}|${name || ""}|${reset ? 1 : 0}|${forceUpdate ? 1 : 0}`;
|
|
286
|
+
const { name } = props;
|
|
287
|
+
const cacheKey = `${parentName}|${name || ""}|${forceUpdate ? 1 : 0}`;
|
|
346
288
|
if (themeNameCacheVer !== cacheVersion) {
|
|
347
289
|
themeNameCache.clear();
|
|
348
290
|
themeNameCacheVer = cacheVersion;
|
|
@@ -350,20 +292,13 @@ function getNewThemeName(parentName = "", props, forceUpdate = false) {
|
|
|
350
292
|
const cached = themeNameCache.get(cacheKey);
|
|
351
293
|
if (cached !== void 0) return cached;
|
|
352
294
|
}
|
|
353
|
-
const result = resolveThemeName(parentName, name ?? void 0,
|
|
295
|
+
const result = resolveThemeName(parentName, name ?? void 0, (0, import_config.getConfig)().themes, forceUpdate);
|
|
354
296
|
if (themeNameCache.size >= 1e4) themeNameCache.clear();
|
|
355
297
|
themeNameCache.set(cacheKey, result);
|
|
356
298
|
return result;
|
|
357
299
|
}
|
|
358
300
|
const getThemeNameCacheSize = () => themeNameCache.size;
|
|
359
|
-
function resolveThemeName(parentName, name,
|
|
360
|
-
if (reset) {
|
|
361
|
-
if (parentName === "light" || parentName === "dark") return parentName === "light" ? "dark" : "light";
|
|
362
|
-
const lastPartIndex = parentName.lastIndexOf("_");
|
|
363
|
-
const resetName = lastPartIndex <= 0 ? parentName : parentName.slice(lastPartIndex);
|
|
364
|
-
const scheme = parentName.slice(0, lastPartIndex);
|
|
365
|
-
return themes2[resetName] ? resetName : scheme;
|
|
366
|
-
}
|
|
301
|
+
function resolveThemeName(parentName, name, themes2, forceUpdate = false) {
|
|
367
302
|
const parentParts = parentName ? parentName.split("_") : [];
|
|
368
303
|
let found = null;
|
|
369
304
|
if (name) {
|
|
@@ -381,5 +316,5 @@ function resolveThemeName(parentName, name, reset, themes2, forceUpdate = false)
|
|
|
381
316
|
if (!forceUpdate && found === parentName && !validSchemes[found]) return null;
|
|
382
317
|
return found;
|
|
383
318
|
}
|
|
384
|
-
const getPropsKey = ({ name,
|
|
385
|
-
const hasThemeUpdatingProps = (props) => "name" in props || "
|
|
319
|
+
const getPropsKey = ({ name, forceClassName, _themeUpdate }) => `${name || ""}${forceClassName || ""}${_themeUpdate?.key || ""}`;
|
|
320
|
+
const hasThemeUpdatingProps = (props) => "name" in props || "forceClassName" in props || "_themeUpdate" in props;
|
|
@@ -39,7 +39,6 @@ module.exports = __toCommonJS(useThemeState_exports);
|
|
|
39
39
|
var import_constants = require("@tamagui/constants");
|
|
40
40
|
var import_react = require("react");
|
|
41
41
|
var import_config = require("../config.native.js");
|
|
42
|
-
var import_formatDiagnostic = require("../helpers/formatDiagnostic.native.js");
|
|
43
42
|
var import_constants2 = require("../constants/constants.native.js");
|
|
44
43
|
var ThemeStateContext = (0, import_react.createContext)("");
|
|
45
44
|
var allListeners = /* @__PURE__ */ new Map();
|
|
@@ -97,6 +96,7 @@ var incReducer = function(c) {
|
|
|
97
96
|
var useThemeState = function(props) {
|
|
98
97
|
"use no memo";
|
|
99
98
|
var isRoot = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false, keys = arguments.length > 2 ? arguments[2] : void 0, schemeKeys = arguments.length > 3 ? arguments[3] : void 0, cascadeOnChange = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : false, optimizeForFirstRender = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : false;
|
|
99
|
+
var _ref;
|
|
100
100
|
var { disable } = props;
|
|
101
101
|
var parentId = (0, import_react.useContext)(ThemeStateContext);
|
|
102
102
|
if (!parentId && !isRoot) throw new Error(process.env.NODE_ENV === "development" ? `${import_constants2.MISSING_THEME_MESSAGE}
|
|
@@ -110,8 +110,7 @@ Looked for theme${props.name ? ` "${props.name}"` : ""}, but no parent theme con
|
|
|
110
110
|
var id = (0, import_react.useId)();
|
|
111
111
|
var propsKey = getPropsKey(props);
|
|
112
112
|
if (cascadeOnChange) registerThemeProviderChain(id, parentId, props);
|
|
113
|
-
var
|
|
114
|
-
if (!ref.current) ref.current = {
|
|
113
|
+
var r = (_ref = (0, import_react.useRef)(null)).current || (_ref.current = {
|
|
115
114
|
id,
|
|
116
115
|
parentId,
|
|
117
116
|
props,
|
|
@@ -121,22 +120,18 @@ Looked for theme${props.name ? ` "${props.name}"` : ""}, but no parent theme con
|
|
|
121
120
|
schemeKeys,
|
|
122
121
|
optimizeForFirstRender,
|
|
123
122
|
renderVersion: 0
|
|
124
|
-
};
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
}
|
|
133
|
-
ref.current.renderVersion++;
|
|
134
|
-
if (process.env.NODE_ENV === "development" && globalThis.time) globalThis.time`theme-prep-uses`;
|
|
123
|
+
});
|
|
124
|
+
r.props = props;
|
|
125
|
+
r.propsKey = propsKey;
|
|
126
|
+
r.isRoot = isRoot;
|
|
127
|
+
r.keys = keys;
|
|
128
|
+
r.schemeKeys = schemeKeys;
|
|
129
|
+
r.parentId = parentId;
|
|
130
|
+
r.renderVersion++;
|
|
135
131
|
var [, forceUpdate] = (0, import_react.useReducer)(incReducer, 0);
|
|
136
|
-
var state = getSnapshotImpl(
|
|
137
|
-
|
|
132
|
+
var state = getSnapshotImpl(r);
|
|
133
|
+
r.lastSnap = state;
|
|
138
134
|
(0, import_react.useEffect)(function() {
|
|
139
|
-
var r = ref.current;
|
|
140
135
|
var renderVersion = r.renderVersion;
|
|
141
136
|
if (r.lastSnap && !states.has(r.id)) {
|
|
142
137
|
states.set(r.id, r.lastSnap);
|
|
@@ -146,6 +141,7 @@ Looked for theme${props.name ? ` "${props.name}"` : ""}, but no parent theme con
|
|
|
146
141
|
if (r.unsubscribe && r.subscribedParentId !== r.parentId) cleanupThemeSubscription(r);
|
|
147
142
|
if (shouldSubscribeToTheme(r, cascadeOnChange)) {
|
|
148
143
|
if (!r.unsubscribe) {
|
|
144
|
+
var _listenersByParent, _pid;
|
|
149
145
|
var pid = r.parentId;
|
|
150
146
|
var sid = r.id;
|
|
151
147
|
var cb = function(forced) {
|
|
@@ -157,8 +153,7 @@ Looked for theme${props.name ? ` "${props.name}"` : ""}, but no parent theme con
|
|
|
157
153
|
forceUpdate();
|
|
158
154
|
}
|
|
159
155
|
};
|
|
160
|
-
listenersByParent[
|
|
161
|
-
listenersByParent[pid].add(sid);
|
|
156
|
+
((_listenersByParent = listenersByParent)[_pid = pid] || (_listenersByParent[_pid] = /* @__PURE__ */ new Set())).add(sid);
|
|
162
157
|
allListeners.set(sid, function() {
|
|
163
158
|
var forced = shouldForce;
|
|
164
159
|
PendingUpdate.set(sid, forced ? "force" : true);
|
|
@@ -191,10 +186,6 @@ Looked for theme${props.name ? ` "${props.name}"` : ""}, but no parent theme con
|
|
|
191
186
|
HadTheme.set(keys, false);
|
|
192
187
|
return;
|
|
193
188
|
}
|
|
194
|
-
if (process.env.NODE_ENV === "development" && props.debug === "verbose") {
|
|
195
|
-
var _states_get;
|
|
196
|
-
console.warn(` \xB7 useTheme(${id}) scheduleUpdate`, propsKey, (_states_get = states.get(id)) === null || _states_get === void 0 ? void 0 : _states_get.name);
|
|
197
|
-
}
|
|
198
189
|
scheduleUpdate(id);
|
|
199
190
|
HadTheme.set(keys, true);
|
|
200
191
|
}, [keys, propsKey]);
|
|
@@ -202,7 +193,7 @@ Looked for theme${props.name ? ` "${props.name}"` : ""}, but no parent theme con
|
|
|
202
193
|
};
|
|
203
194
|
var shouldSubscribeToTheme = function(r, cascadeOnChange) {
|
|
204
195
|
var _r_keys_current, _r_props_needsUpdate, _r_props;
|
|
205
|
-
return r.optimizeForFirstRender || r.isRoot || cascadeOnChange || hasThemeUpdatingProps(r.props) ||
|
|
196
|
+
return Boolean(r.optimizeForFirstRender || r.isRoot || cascadeOnChange || hasThemeUpdatingProps(r.props) || ((_r_keys_current = r.keys.current) === null || _r_keys_current === void 0 ? void 0 : _r_keys_current.size) || ((_r_props_needsUpdate = (_r_props = r.props).needsUpdate) === null || _r_props_needsUpdate === void 0 ? void 0 : _r_props_needsUpdate.call(_r_props)));
|
|
206
197
|
};
|
|
207
198
|
function cleanupThemeSubscription(r) {
|
|
208
199
|
var _r_unsubscribe;
|
|
@@ -219,7 +210,7 @@ function cleanupThemeState(r) {
|
|
|
219
210
|
themeProviderParents.delete(r.id);
|
|
220
211
|
}
|
|
221
212
|
var getSnapshotImpl = function(r) {
|
|
222
|
-
var _keys_current, _props_needsUpdate;
|
|
213
|
+
var _keys_current, _schemeKeys_current, _keys_current1, _props_needsUpdate;
|
|
223
214
|
var { id, parentId, props, propsKey, isRoot, keys, schemeKeys, optimizeForFirstRender } = r;
|
|
224
215
|
var local = localStates.get(id);
|
|
225
216
|
var parentState = states.get(parentId);
|
|
@@ -227,16 +218,9 @@ var getSnapshotImpl = function(r) {
|
|
|
227
218
|
if (parentState && local._parentName === parentState.name && local._propsKey === propsKey) return local;
|
|
228
219
|
}
|
|
229
220
|
var isSchemeOnlyChange = !optimizeForFirstRender && import_constants.supportsDynamicColorIOS && (0, import_config.getSetting)("fastSchemeChange") && local && parentState && local.scheme !== parentState.scheme && getThemeBaseName(local.name) === getThemeBaseName(parentState.name);
|
|
230
|
-
var allKeysSchemeOptimized =
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
var _keys_current_size;
|
|
234
|
-
var keysSize = (_keys_current_size = (_keys_current1 = keys.current) === null || _keys_current1 === void 0 ? void 0 : _keys_current1.size) !== null && _keys_current_size !== void 0 ? _keys_current_size : 0;
|
|
235
|
-
var _schemeKeys_current_size;
|
|
236
|
-
allKeysSchemeOptimized = ((_schemeKeys_current_size = schemeKeys === null || schemeKeys === void 0 ? void 0 : (_schemeKeys_current = schemeKeys.current) === null || _schemeKeys_current === void 0 ? void 0 : _schemeKeys_current.size) !== null && _schemeKeys_current_size !== void 0 ? _schemeKeys_current_size : 0) === keysSize && keysSize > 0;
|
|
237
|
-
}
|
|
238
|
-
var canSkipForSchemeChange = !!isSchemeOnlyChange && allKeysSchemeOptimized;
|
|
239
|
-
var needsUpdate = props.passThrough ? false : optimizeForFirstRender ? true : isRoot || props.name === "light" || props.name === "dark" || props.name === null ? true : !HasRenderedOnce.get(keys) ? true : canSkipForSchemeChange ? false : (keys === null || keys === void 0 ? void 0 : (_keys_current = keys.current) === null || _keys_current === void 0 ? void 0 : _keys_current.size) ? true : (_props_needsUpdate = props.needsUpdate) === null || _props_needsUpdate === void 0 ? void 0 : _props_needsUpdate.call(props);
|
|
221
|
+
var allKeysSchemeOptimized = !optimizeForFirstRender && Boolean(((_keys_current = keys.current) === null || _keys_current === void 0 ? void 0 : _keys_current.size) && (schemeKeys === null || schemeKeys === void 0 ? void 0 : (_schemeKeys_current = schemeKeys.current) === null || _schemeKeys_current === void 0 ? void 0 : _schemeKeys_current.size) === keys.current.size);
|
|
222
|
+
var canSkipForSchemeChange = Boolean(isSchemeOnlyChange && allKeysSchemeOptimized);
|
|
223
|
+
var needsUpdate = props.passThrough ? false : optimizeForFirstRender ? true : isRoot || props.name === "light" || props.name === "dark" || props.name === null ? true : !HasRenderedOnce.get(keys) ? true : canSkipForSchemeChange ? false : (keys === null || keys === void 0 ? void 0 : (_keys_current1 = keys.current) === null || _keys_current1 === void 0 ? void 0 : _keys_current1.size) ? true : (_props_needsUpdate = props.needsUpdate) === null || _props_needsUpdate === void 0 ? void 0 : _props_needsUpdate.call(props);
|
|
240
224
|
var [rerender, nextRaw] = getNextState(local, props, propsKey, isRoot, id, parentId, needsUpdate, PendingUpdate.get(id));
|
|
241
225
|
var next = nextRaw;
|
|
242
226
|
if (props._themeUpdate && (nextRaw === null || nextRaw === void 0 ? void 0 : nextRaw.theme)) {
|
|
@@ -253,22 +237,6 @@ var getSnapshotImpl = function(r) {
|
|
|
253
237
|
local = { ...next };
|
|
254
238
|
localStates.set(id, local);
|
|
255
239
|
}
|
|
256
|
-
if (process.env.NODE_ENV === "development" && props.debug === "verbose") {
|
|
257
|
-
console.groupCollapsed(` ${id} getSnapshot ${rerender}`, local.name, ">", next.name);
|
|
258
|
-
console.info({
|
|
259
|
-
props,
|
|
260
|
-
propsKey,
|
|
261
|
-
isRoot,
|
|
262
|
-
parentId,
|
|
263
|
-
local,
|
|
264
|
-
next,
|
|
265
|
-
needsUpdate,
|
|
266
|
-
isSchemeOnlyChange,
|
|
267
|
-
allKeysSchemeOptimized,
|
|
268
|
-
canSkipForSchemeChange
|
|
269
|
-
});
|
|
270
|
-
console.groupEnd();
|
|
271
|
-
}
|
|
272
240
|
if (next !== local) {
|
|
273
241
|
Object.assign(local, next);
|
|
274
242
|
local.id = id;
|
|
@@ -280,17 +248,12 @@ var getSnapshotImpl = function(r) {
|
|
|
280
248
|
};
|
|
281
249
|
var getNextState = function(lastState, props, propsKey) {
|
|
282
250
|
var isRoot = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false, id = arguments.length > 4 ? arguments[4] : void 0, parentId = arguments.length > 5 ? arguments[5] : void 0, needsUpdate = arguments.length > 6 ? arguments[6] : void 0, pendingUpdate = arguments.length > 7 ? arguments[7] : void 0;
|
|
283
|
-
var { debug } = props;
|
|
284
251
|
var parentState = states.get(parentId);
|
|
285
252
|
if (props.passThrough) return [false, lastState || parentState || { name: "" }];
|
|
286
|
-
|
|
287
|
-
var name = !propsKey && (!lastState || !
|
|
288
|
-
var isSameAsParent = parentState && (!name || name === parentState.name);
|
|
253
|
+
themes || (themes = (0, import_config.getConfig)().themes);
|
|
254
|
+
var name = !propsKey && (!lastState || !lastState.isNew) ? null : getNewThemeName(parentState === null || parentState === void 0 ? void 0 : parentState.name, props, pendingUpdate === "force" ? true : !!needsUpdate);
|
|
255
|
+
var isSameAsParent = Boolean(parentState && (!name || name === parentState.name));
|
|
289
256
|
var shouldRerender = Boolean(pendingUpdate === "force" || needsUpdate && (pendingUpdate || (lastState === null || lastState === void 0 ? void 0 : lastState.name) !== (parentState === null || parentState === void 0 ? void 0 : parentState.name)));
|
|
290
|
-
if (process.env.NODE_ENV === "development" && debug === "verbose") {
|
|
291
|
-
var message = ` \xB7 useTheme(${id}) getNextState => ${name} needsUpdate ${needsUpdate} shouldRerender ${shouldRerender}`;
|
|
292
|
-
console.info(message);
|
|
293
|
-
}
|
|
294
257
|
if (isSameAsParent) {
|
|
295
258
|
if (!shouldRerender && lastState && lastState.name === parentState.name) return [false, lastState];
|
|
296
259
|
return [shouldRerender, {
|
|
@@ -311,7 +274,7 @@ var getNextState = function(lastState, props, propsKey) {
|
|
|
311
274
|
var scheme = getScheme(name);
|
|
312
275
|
var _parentState_inverses;
|
|
313
276
|
var parentInverses = (_parentState_inverses = parentState === null || parentState === void 0 ? void 0 : parentState.inverses) !== null && _parentState_inverses !== void 0 ? _parentState_inverses : 0;
|
|
314
|
-
var isInverse = parentState && scheme !== parentState.scheme;
|
|
277
|
+
var isInverse = Boolean(parentState && scheme !== parentState.scheme);
|
|
315
278
|
var inverses = parentInverses + (isInverse ? 1 : 0);
|
|
316
279
|
var nextState = {
|
|
317
280
|
id,
|
|
@@ -326,19 +289,7 @@ var getNextState = function(lastState, props, propsKey) {
|
|
|
326
289
|
};
|
|
327
290
|
if (isRoot) rootThemeState = nextState;
|
|
328
291
|
if (pendingUpdate !== "force" && lastState && lastState.name === name) return [false, nextState];
|
|
329
|
-
|
|
330
|
-
if (process.env.NODE_ENV === "development" && debug === "verbose") {
|
|
331
|
-
console.groupCollapsed(` \xB7 useTheme(${id}) \u23ED\uFE0F ${name} shouldAvoidRerender: ${shouldAvoidRerender}`);
|
|
332
|
-
console.info({
|
|
333
|
-
lastState,
|
|
334
|
-
needsUpdate,
|
|
335
|
-
nextState,
|
|
336
|
-
pendingUpdate
|
|
337
|
-
});
|
|
338
|
-
console.groupEnd();
|
|
339
|
-
}
|
|
340
|
-
if (shouldAvoidRerender) return [false, nextState];
|
|
341
|
-
return [true, nextState];
|
|
292
|
+
return [!(pendingUpdate !== "force" && lastState && !needsUpdate && nextState.name === lastState.name), nextState];
|
|
342
293
|
};
|
|
343
294
|
function scheduleUpdate(id) {
|
|
344
295
|
var queue = [id];
|
|
@@ -368,8 +319,8 @@ function scheduleUpdate(id) {
|
|
|
368
319
|
}
|
|
369
320
|
}
|
|
370
321
|
visited.forEach(function(childId2) {
|
|
371
|
-
var
|
|
372
|
-
|
|
322
|
+
var _allListeners_get;
|
|
323
|
+
(_allListeners_get = allListeners.get(childId2)) === null || _allListeners_get === void 0 || _allListeners_get();
|
|
373
324
|
});
|
|
374
325
|
}
|
|
375
326
|
var validSchemes = {
|
|
@@ -381,12 +332,8 @@ function getScheme(name) {
|
|
|
381
332
|
}
|
|
382
333
|
function getNewThemeName() {
|
|
383
334
|
var parentName = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", props = arguments.length > 1 ? arguments[1] : void 0, forceUpdate = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
|
|
384
|
-
var { name
|
|
385
|
-
|
|
386
|
-
name,
|
|
387
|
-
reset
|
|
388
|
-
}));
|
|
389
|
-
var cacheKey = `${parentName}|${name || ""}|${reset ? 1 : 0}|${forceUpdate ? 1 : 0}`;
|
|
335
|
+
var { name } = props;
|
|
336
|
+
var cacheKey = `${parentName}|${name || ""}|${forceUpdate ? 1 : 0}`;
|
|
390
337
|
if (themeNameCacheVer !== cacheVersion) {
|
|
391
338
|
themeNameCache.clear();
|
|
392
339
|
themeNameCacheVer = cacheVersion;
|
|
@@ -394,7 +341,7 @@ function getNewThemeName() {
|
|
|
394
341
|
var cached = themeNameCache.get(cacheKey);
|
|
395
342
|
if (cached !== void 0) return cached;
|
|
396
343
|
}
|
|
397
|
-
var result = resolveThemeName(parentName, name !== null && name !== void 0 ? name : void 0,
|
|
344
|
+
var result = resolveThemeName(parentName, name !== null && name !== void 0 ? name : void 0, (0, import_config.getConfig)().themes, forceUpdate);
|
|
398
345
|
if (themeNameCache.size >= 1e4) themeNameCache.clear();
|
|
399
346
|
themeNameCache.set(cacheKey, result);
|
|
400
347
|
return result;
|
|
@@ -402,15 +349,8 @@ function getNewThemeName() {
|
|
|
402
349
|
var getThemeNameCacheSize = function() {
|
|
403
350
|
return themeNameCache.size;
|
|
404
351
|
};
|
|
405
|
-
function resolveThemeName(parentName, name,
|
|
406
|
-
var forceUpdate = arguments.length >
|
|
407
|
-
if (reset) {
|
|
408
|
-
if (parentName === "light" || parentName === "dark") return parentName === "light" ? "dark" : "light";
|
|
409
|
-
var lastPartIndex = parentName.lastIndexOf("_");
|
|
410
|
-
var resetName = lastPartIndex <= 0 ? parentName : parentName.slice(lastPartIndex);
|
|
411
|
-
var scheme = parentName.slice(0, lastPartIndex);
|
|
412
|
-
return themes2[resetName] ? resetName : scheme;
|
|
413
|
-
}
|
|
352
|
+
function resolveThemeName(parentName, name, themes2) {
|
|
353
|
+
var forceUpdate = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false;
|
|
414
354
|
var parentParts = parentName ? parentName.split("_") : [];
|
|
415
355
|
var found = null;
|
|
416
356
|
if (name) {
|
|
@@ -429,9 +369,9 @@ function resolveThemeName(parentName, name, reset, themes2) {
|
|
|
429
369
|
return found;
|
|
430
370
|
}
|
|
431
371
|
var getPropsKey = function(param) {
|
|
432
|
-
var { name,
|
|
433
|
-
return `${name || ""}${
|
|
372
|
+
var { name, forceClassName, _themeUpdate } = param;
|
|
373
|
+
return `${name || ""}${forceClassName || ""}${(_themeUpdate === null || _themeUpdate === void 0 ? void 0 : _themeUpdate.key) || ""}`;
|
|
434
374
|
};
|
|
435
375
|
var hasThemeUpdatingProps = function(props) {
|
|
436
|
-
return "name" in props || "
|
|
376
|
+
return "name" in props || "forceClassName" in props || "_themeUpdate" in props;
|
|
437
377
|
};
|