@tamagui/web 3.0.0-beta.831.1 → 3.0.0-beta.889.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/createComponent.cjs +12 -1
- package/dist/cjs/createComponent.native.cjs +12 -1
- package/dist/cjs/createComponent.native.js +12 -1
- package/dist/cjs/createComponent.native.js.map +1 -1
- package/dist/cjs/createStyledHOC.cjs +1 -1
- package/dist/cjs/createStyledHOC.native.cjs +1 -1
- package/dist/cjs/createStyledHOC.native.js +1 -1
- package/dist/cjs/createStyledHOC.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/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/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 +6 -6
- package/dist/cjs/helpers/formatDiagnostic.native.cjs +6 -6
- package/dist/cjs/helpers/formatDiagnostic.native.js +6 -6
- package/dist/cjs/helpers/formatDiagnostic.native.js.map +1 -1
- package/dist/cjs/helpers/getCSSStylesAtomic.cjs +128 -109
- 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 +1042 -1715
- package/dist/cjs/helpers/getSplitStyles.native.cjs +1081 -1887
- package/dist/cjs/helpers/getSplitStyles.native.js +1081 -1887
- 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/styleStaticConfig.cjs +1 -50
- package/dist/cjs/helpers/styleStaticConfig.native.cjs +1 -51
- package/dist/cjs/helpers/styleStaticConfig.native.js +1 -51
- package/dist/cjs/helpers/styleStaticConfig.native.js.map +1 -1
- 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 +15 -38
- package/dist/cjs/helpers/tokenCategories.native.cjs +15 -40
- package/dist/cjs/helpers/tokenCategories.native.js +15 -40
- 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/{helpers/directStyleCSS.native.js → hooks/useStyle.cjs} +16 -8
- package/dist/cjs/{helpers/directStyleCSS.native.cjs → hooks/useStyle.native.cjs} +16 -4
- 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 +6 -3
- package/dist/cjs/index.native.cjs +6 -3
- package/dist/cjs/index.native.js +6 -3
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/static-resolve.cjs +2 -2
- package/dist/cjs/static-resolve.native.cjs +2 -2
- package/dist/cjs/static-resolve.native.js +2 -2
- 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 +11 -6
- package/dist/cjs/styled.native.cjs +11 -6
- package/dist/cjs/styled.native.js +11 -6
- package/dist/cjs/styled.native.js.map +1 -1
- package/dist/cjs/types.cjs +6 -4
- package/dist/cjs/types.native.cjs +6 -4
- package/dist/cjs/types.native.js +6 -4
- 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 +17 -12
- package/dist/cjs/views/Text.native.cjs +1 -0
- package/dist/cjs/views/Text.native.js +1 -0
- package/dist/cjs/views/Text.native.js.map +1 -1
- package/dist/cjs/views/Theme.cjs +3 -3
- package/dist/cjs/views/Theme.native.cjs +3 -3
- package/dist/cjs/views/Theme.native.js +3 -3
- package/dist/cjs/views/Theme.native.js.map +1 -1
- package/dist/cjs/views/ThemeDebug.cjs +1 -4
- package/dist/esm/createComponent.mjs +12 -1
- package/dist/esm/createComponent.mjs.map +1 -1
- package/dist/esm/createComponent.native.js +12 -1
- package/dist/esm/createComponent.native.js.map +1 -1
- package/dist/esm/createStyledHOC.mjs +1 -1
- package/dist/esm/createStyledHOC.mjs.map +1 -1
- package/dist/esm/createStyledHOC.native.js +1 -1
- package/dist/esm/createStyledHOC.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/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/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 +6 -6
- package/dist/esm/helpers/formatDiagnostic.mjs.map +1 -1
- package/dist/esm/helpers/formatDiagnostic.native.js +6 -6
- package/dist/esm/helpers/formatDiagnostic.native.js.map +1 -1
- package/dist/esm/helpers/getCSSStylesAtomic.mjs +126 -109
- 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 +1034 -1705
- package/dist/esm/helpers/getSplitStyles.mjs.map +1 -1
- package/dist/esm/helpers/getSplitStyles.native.js +1071 -1871
- 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/styleStaticConfig.mjs +1 -50
- package/dist/esm/helpers/styleStaticConfig.mjs.map +1 -1
- package/dist/esm/helpers/styleStaticConfig.native.js +1 -51
- package/dist/esm/helpers/styleStaticConfig.native.js.map +1 -1
- 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 +15 -36
- package/dist/esm/helpers/tokenCategories.mjs.map +1 -1
- package/dist/esm/helpers/tokenCategories.native.js +15 -38
- 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/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 +6 -4
- package/dist/esm/index.mjs +6 -4
- package/dist/esm/index.native.js +6 -4
- package/dist/esm/static-resolve.mjs +3 -3
- package/dist/esm/static-resolve.mjs.map +1 -1
- package/dist/esm/static-resolve.native.js +3 -3
- 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 +12 -6
- package/dist/esm/styled.mjs.map +1 -1
- package/dist/esm/styled.native.js +12 -6
- package/dist/esm/styled.native.js.map +1 -1
- package/dist/esm/types.mjs +3 -4
- package/dist/esm/types.mjs.map +1 -1
- package/dist/esm/types.native.js +3 -4
- 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 +17 -12
- package/dist/esm/views/Text.mjs.map +1 -1
- package/dist/esm/views/Theme.mjs +3 -3
- package/dist/esm/views/Theme.mjs.map +1 -1
- package/dist/esm/views/Theme.native.js +3 -3
- 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/package.json +15 -15
- package/src/createComponent.tsx +21 -1
- package/src/createStyledHOC.tsx +4 -2
- package/src/createVariable.ts +0 -10
- package/src/helpers/borderComponents.ts +62 -0
- package/src/helpers/createDesignSystem.ts +0 -2
- package/src/helpers/createStyledContext.tsx +15 -53
- package/src/helpers/formatDiagnostic.ts +9 -9
- package/src/helpers/getCSSStylesAtomic.native.ts +6 -3
- package/src/helpers/getCSSStylesAtomic.ts +192 -207
- package/src/helpers/getCSSStylesAtomicCompiled.ts +13 -1
- package/src/helpers/getDynamicVal.ts +4 -0
- package/src/helpers/getSplitStyles.tsx +2080 -3270
- 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/styleFrontend.ts +8 -5
- package/src/helpers/styleStaticConfig.ts +5 -72
- package/src/helpers/styleStaticConfigCore.ts +110 -0
- package/src/helpers/styledDynamic.ts +191 -0
- package/src/helpers/tokenCategories.ts +40 -65
- 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/useStyle.ts +10 -0
- package/src/hooks/useThemeState.ts +51 -264
- package/src/index.ts +6 -6
- package/src/internalRuntimeTypes.ts +1 -0
- package/src/static-resolve.ts +7 -4
- package/src/style.ts +97 -0
- package/src/styled.tsx +39 -68
- package/src/types.tsx +105 -169
- package/src/views/TamaguiProvider.tsx +0 -2
- package/src/views/Text.tsx +20 -14
- package/src/views/Theme.tsx +13 -9
- package/src/views/ThemeDebug.tsx +0 -1
- package/types/createComponent.d.ts.map +1 -1
- package/types/createStyledHOC.d.ts +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/helpers/borderComponents.d.ts +10 -0
- package/types/helpers/borderComponents.d.ts.map +1 -0
- package/types/helpers/createDesignSystem.d.ts.map +1 -1
- package/types/helpers/createStyledContext.d.ts.map +1 -1
- package/types/helpers/getCSSStylesAtomic.d.ts +20 -19
- 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 +3 -5
- 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/styleFrontend.d.ts +3 -5
- package/types/helpers/styleFrontend.d.ts.map +1 -1
- package/types/helpers/styleStaticConfig.d.ts +4 -9
- package/types/helpers/styleStaticConfig.d.ts.map +1 -1
- 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/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 +6 -4
- package/types/index.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.map +1 -1
- package/types/style.d.ts +18 -0
- package/types/style.d.ts.map +1 -0
- package/types/styled.d.ts +10 -10
- package/types/styled.d.ts.map +1 -1
- package/types/types.d.ts +74 -49
- 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/dist/cjs/helpers/directStyleCSS.cjs +0 -345
- 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/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/variantResolvers.cjs +0 -87
- package/dist/cjs/helpers/variantResolvers.native.cjs +0 -140
- package/dist/cjs/helpers/variantResolvers.native.js +0 -142
- package/dist/cjs/helpers/variantResolvers.native.js.map +0 -1
- package/dist/esm/helpers/directStyleCSS.mjs +0 -317
- 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/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/variantResolvers.mjs +0 -65
- package/dist/esm/helpers/variantResolvers.mjs.map +0 -1
- package/dist/esm/helpers/variantResolvers.native.js +0 -116
- package/dist/esm/helpers/variantResolvers.native.js.map +0 -1
- package/src/helpers/directStyleCSS.native.ts +0 -1
- package/src/helpers/directStyleCSS.ts +0 -513
- package/src/helpers/directStyleCSSCompiled.ts +0 -32
- package/src/helpers/getVariantExtras.tsx +0 -95
- package/src/helpers/variantResolvers.ts +0 -121
- 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/getVariantExtras.d.ts +0 -4
- package/types/helpers/getVariantExtras.d.ts.map +0 -1
- package/types/helpers/variantResolvers.d.ts +0 -9
- package/types/helpers/variantResolvers.d.ts.map +0 -1
|
@@ -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
|
};
|
|
@@ -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,11 +369,11 @@ 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
|
};
|
|
438
378
|
|
|
439
379
|
//# sourceMappingURL=useThemeState.native.js.map
|